檢測移動瀏覽器發出請求呼叫

Question

我正在努力建立一個網站。強迫它應該適用於Iphone，機器人，三星Galaxy S / S2，Ipad，三星Galaxy Tab等。 並且必須給予相同的經驗。 有沒有辦法檢測移動瀏覽器正在發出頁面請求，並相應地使用Jquery應用為它制作的CSS？ 我想嚴格使用HTML5，Jquery，CSS3。

Answer 1

頁面頂部的默認樣式表

 <link rel="stylesheet" href="default.css" type="text/css">

擴展jquery庫以檢測iphone / ipad

 <script type="text/javascript">
      jQuery.extend(jQuery.browser,
      {SafariMobile : navigator.userAgent.toLowerCase().match(/iP(hone|ad)/i) }
 );
 </script>

然后檢查瀏覽器是否屬於類型並相應地更改樣式表

 <script type="text/javascript">
      $(function(){
        if($.browser.SafariMobile){
          $("link[rel=stylesheet]").attr({href : "iphone.css"});
        }
      })
 </script>

Answer 2

您需要CSS3媒體查詢來檢測設備寬度，分辨率和方向。 您可以使用的一個很好的起點是Mobile Boilerplate - http://html5boilerplate.com/mobile

Answer 3

你在一般情況下要做的事情非常困難。 瀏覽器檢測不是問題所在。 可以使用上面給出的任何方法檢測瀏覽器。 但是獲得屏幕寬度和大小以及HTML支持的實際功能要困難得多。

有一個名為WFURL的開源項目，它維護着所有受支持設備的數據庫及其集成和使用的能力。

我們所做的是使用像JQuery Mobile這樣的框架，它可以在各種手機中自動提供類似的外觀。 然而，這個框架仍然非常原始。

像梅賽德斯奔馳，ebay，mtv india，google等大多數網站這樣做是通過使用[NetBiscuits]（http://www.netbiscuits.com/）之類的東西來設計他們的移動網站。 這樣他們就可以編寫一次代碼（盡管是在BiscuitML中），而NetBiscuits則負責檢測移動設備並優化網站。 有關示例，請使用NetBiscuits查看此鏈接客戶。

NetBiscuits可能不是唯一可以做到這一點的框架（我知道IBM提供了一個解決方案作為其websphere門戶服務器的一部分），但是我知道的最受歡迎。

Answer 4

您可以使用以下語句來獲取有關瀏覽器的信息。

$_SERVER['HTTP_USER_AGENT']

要么

$browser = get_browser(null, true);
print_r($browser);