2012-06-12 112 views
3

我有一個現有的Facebook應用程序(選項卡和畫布),我想通過移動設備訪問它。Facebook移動應用程序響應

是否必須創建一個「真正的」移動Web應用程序,例如與jQuery手機,或者我可以將應用程序變成一個響應應用程序?

事實上,我已經嘗試過使用css3媒體查詢,它在我的移動Safari上正常工作,但不適用於iPhone的原生Facebook應用程序。

所以我的問題是:是否有可能在本地Facebook移動應用程序中使用我自己的應用程序的媒體查詢?

謝謝

+0

您有權訪問的Facebook標籤不會作爲選項出現在iphone facebook應用程序中。 YOu仍然可以訪問照片,事件等,但其他的東西是我失蹤。 – justinavery

+0

這是因爲移動設備沒有「Tab應用程序」。如果您在應用的設置中提供移動鏈接,則可以通過搜索訪問您的應用。在原生Facebook的iPhone應用程序(我不知道這是如何工作的原生Android FB應用程序)你的應用程序只有索引搜索時,你有20(我現在找不到確切的數字,但我認爲它是20)每月用戶。 – sarahm

回答

1

當然你可以設計/實現每個fb應用程序在一個響應的方式。你不需要有jQuery手機。

您是否在媒體查詢中嘗試了max-width或max-device-width?還請看看我們最新的博客文章,主題爲:how to link to your tab app for mobile usage

+1

嘿Johannes, 我只是試了一遍,現在它的工作原理。不幸的是,我不知道爲什麼它現在沒有工作 - 我不能重現這個問題。 那麼 - 至少一切正如預期的那樣工作,我會將你的答案標記爲正確。 謝謝你:-) – sarahm

1
 <div id="fb-root"></div> 
     <script> 
      (function (d, s, id) { 
       var js, fjs = d.getElementsByTagName(s)[0]; 
       if (d.getElementById(id)) return; 
       js = d.createElement(s); js.id = id; 
       js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=579864128801274&version=v2.0"; 
       fjs.parentNode.insertBefore(js, fjs); 
      }(document, 'script', 'facebook-jssdk')); 
     </script> 
     <div class="fb-comments" data-href="http://your-web-site.com" data-width="100%" data-numposts="5" data-colorscheme="light"></div> 

只注重數據寬度= 「100%」它工作正常的我。

+0

我按照你的建議去信,我的不工作。思考? 這裏是我的鏈接 - [網站](http://jarednewnam.com/south/graduation/2015/index2.html) – webfrogs