檢測iPad Safari或縮放

如果我使用以下方法檢測iPad Safari用戶，如果將來我會嘗試檢測摩托羅拉Xoom或其他可能具有相似寬度的平板電腦用戶，它會起作用。檢測iPad Safari或縮放

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

我的意思是，我將如何準確識別其他平板和使用xoom.css或othertablet.css

我所知道的用戶代理的方法，但希望避免這一點。請讓我知道是否可以僅使用媒體查詢來實現？

2011-04-20 testndtv

是否可以通過某些功能檢測來區分桌面/ ipad /其他平板電腦（例如Xoom）？ – testndtv 2011-04-20 08:28:58

不，你不能告訴根據媒體查詢正在使用的特定設備（和你不應該需要，因爲他們都匯聚在同一個標準）

2011-04-20 07:58:15 Quentin

那麼最好的辦法是什麼？我知道這可以通過用戶代理來完成，但是聽說它不是檢測的最佳方式...您怎麼看？ – testndtv 2011-04-20 08:28:18

不要試圖檢測特定設備，只是尋找能力，否則最終會嘗試支持發佈的每個新設備或版本的設備。 – RobG 2011-04-20 08:52:49

能力究竟意味着什麼？我試圖確定設備/瀏覽器爲iPad Safari將會與Xoom上的Opera大不相同..對吧？ – testndtv 2011-04-20 10:04:05

我們開始使用FORMFACTOR開發檢測庫，如FormfactorJS - 注意，我創建了這個。

該理論使用相同的語義HTML，可以專門爲給定類別的設備（智能手機，平板電腦，桌面等）使用CSS和Javascript，同時也可以使用媒體查詢來識別各個設備配置文件的響應式設計。

至少，好處在於您可以指定自己的檢測算法，因此您可以檢測同一類設備（即iPad或Xoom）的不同類型。我們選擇在這種情況下通過userAgent檢查完成此操作。爲什麼？因爲根據formfactor或設備類型，您可能想要提供優化的體驗。

2011-05-16 05:11:35 Kinlan

回答