移動瀏覽器檢測和格式化的最佳做法

我爲希望通過移動設備輕鬆訪問的客戶託管一家小型網上商店。移動瀏覽器檢測和格式化的最佳做法

如何檢測用戶是否正在通過移動設備瀏覽我的網站？

當我這樣做，我應該：

檢查用戶是否有移動設備，然後將它們轉發到其他網站？我覺得優點是：
- 我可以從兩個站點優化佈局屏幕尺寸
- 我可以在這兩個站點使用不同的技術
（例如，用於移動jQuery Mobile的。）使用CSS爲不同的屏幕尺寸=>像tutsplus 我覺得好處是：
- 我只需要一個網站，但在談論一個小網店

2011-07-08 Dante

可能重複]（http://stackoverflow.com/questions/11381673/detecting-a-mobile-browser） – Liam

jQuery Mobile的是目前正處於測試1，現在，當它似乎對我的工作堆。 Beta 2將在一個月內發佈。目前它相當穩定，你可以從他們那裏獲得很多有關被認爲是「最佳實踐」的知識。您可以針對JQuery Mobile也支持的不同平臺的屏幕尺寸使用媒體查詢。

http://jquerymobile.com/

來源

2011-07-08 13:44:03 Caimen

理想情況下，你應該嘗試使用jQuery Mobile頁面結構與自己的CSS和JavaScript的非移動設備。

您可以輕鬆地detect user's browser和條件腳本包括按照HTML5 [樣板]：3

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) 
consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ 
@media screen and (max-device-width: 480px) {

主要的事情是針對iPhone用戶時需要考慮：

確保沒有重要的Flash對象在頁面上，因爲它不支持許多移動瀏覽器（還沒有？）
合適的屏幕尺寸（使用視meta標籤）記住
保管，有沒有鼠標光標，這意味着沒有懸停/雙擊任何可用的拖動鼠標手勢在觸摸設備上是不同的
記住所有彈出窗口在新選項卡中打開，並不會在同一時間作爲主窗口中可以看出，使用JavaScript的模態的div作爲替代
測試所有的JavaScript和CSS來確保一切看起來和作品的相同（Safari瀏覽器需要-webkit-前綴爲最新的CSS屬性）
創建一個主屏幕圖標爲您網站（一件很好的事有）

大多數的這些事物都覆蓋here

看看Safari Dev Center的教程/視頻/編碼怎樣的等等

來源

2011-07-08 14:11:31 Tsar

你不需要jQuery的根本，如果你不想使用它。我們沒有。並不是說這有什麼不妥。

2號是最好的選擇。如果您首先在腦海中創建一個手機網站，那麼對於桌面的擴展和操作要比將手機縮小到手機屏幕要容易得多。

來源

2011-07-08 14:19:22 Rob

jQuery（手機）只是一個例子。在我看來，在瀏覽移動設備時有不同的用戶體驗。因此，您可以從移動設備的網站開始，如果用戶的屏幕寬度大於例如480px，請更改格式 – Dante

有幾個選項，但是這是我最喜歡的：

http://code.google.com/p/mobileesp/

與API進來幾個不同的語言爲好[檢測移動瀏覽器

來源

2011-07-08 14:45:56

移動瀏覽器檢測和格式化的最佳做法

回答

相關問題