檢測移動瀏覽器發出請求調用

我正在嘗試構建一個網站。強制是它應該可以在Iphone，Android，Samsung Galaxy S/S2，Ipad，Samsung Galaxy Tab等上運行。並且必須給出相同的經驗。有沒有一種方法可以檢測到移動瀏覽器正在提出頁面請求，並相應地使用Jquery爲其製作的CSS？我想嚴格使用HTML5，JQuery，CSS3。檢測移動瀏覽器發出請求調用

來源

2011-11-03 Akshay Khandelwal

你的默認樣式擴展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>

來源

2011-11-03 13:16:18 kamui

嘿，謝謝！這正是我需要的。 –

您將需要CSS3媒體查詢來檢測設備寬度，分辨率和方向。一個好的起點是你使用移動鍋爐板 - http://html5boilerplate.com/mobile

來源

2011-11-03 13:06:34 motoxer4533

感謝您的提示。我會通讀說明。任何進一步的幫助是讚賞 –

-2

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

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

頂部

$_SERVER['HTTP_USER_AGENT']

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

來源

2011-11-03 13:12:37 pinaldesai

是get_browser一個內置函數？如果不是它需要什麼使它工作。它沒有工作！ –

-1這裏沒有關於PHP的內容。你不能假設他使用PHP--它不是世界上唯一的服務器端網頁語言。 – BoltClock

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

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

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

大多數網站像梅賽德斯奔馳，ebay，mtv印度，谷歌等這樣做是通過使用像[NetBiscuits]（http://www.netbiscuits.com/）設計他們的移動網站。這樣他們就編寫了一次代碼（儘管在BiscuitML中）並且NetBiscuits完成了檢測移動設備和優化網站的工作。例如，檢查使用NetBiscuits的這個link客戶。

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

來源

2011-11-03 13:38:35 VikrantY

檢測移動瀏覽器發出請求調用

回答

相關問題