2011-04-20 93 views
0

的推薦意見也蘋果有任何建議使用任何技術的瀏覽器嗅探(如桌面IE/FF /移動Safari瀏覽器(即新iPad)來區分)/其他平板電腦蘋果的瀏覽器嗅探

我知道蘋果要我們避免同樣使用User-agent。

是媒體技術萬無一失的方式來區分iPad和Xoom嗎?

<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css"> 
+0

在閱讀Akamike的回答後,我現在想知道爲什麼你想這樣做?這是因爲您希望您的網站運行良好還是因爲您想跟蹤設備? – 2011-04-20 16:22:45

回答

3

而不是試圖檢測設備/用戶代理,你想專注於檢查瀏覽器的功能。這包括屏幕分辨率,JS支持,CSS支持等等。

媒體查詢只是衆多技術中的一種,您可以使用這些技術使您的網站在許多設備上都能正常工作。爲了讓您一開始,這裏有一些有用的資源:

添加額外的風格 - 概念,逐步增強網站
  • Using media queries in the real world - Broken Links的證明
  • +0

    而不是使用第三方庫,是否有一個更簡單的方法來做到這一點..就像你說的JS支持..我們可以檢測iPad和桌面瀏覽器之間,通過任何特定的JS功能..我試圖避免任何第三方庫,我的網頁上的第三方庫.. – testndtv 2011-04-20 17:08:09

    +0

    就像我說的,檢測功能不是用戶代理。 Modernizr(主動維護)可以讓您自己添加所有檢測,但如果您有興趣,可以在http://diveintohtml5.org/detect.html上查看HTML5功能檢測的示例,並通過https:// github查看Modernizr的源代碼.com/Modernizr/Modernizr/blob/master/modernizr.js – akamike 2011-04-20 20:42:45

    +0

    好的。當你說特徵檢測時,它會區分說桌面Safari和Mobile Safari ..我的意思是讓我們說我想設置一個div的寬度爲100px對於桌面Safari和50px的移動Safari。使用功能檢測,我將能夠應用不同的風格? – testndtv 2011-04-21 06:29:51

    0

    請參閱Apple開發人員網絡上的Optimizing Web Content。本文包括使用條件CSS來識別瀏覽器功能,以及Safari瀏覽器發送的各種用戶代理字符串的差異。