在 Web 開發中如何偵測觸控螢幕與非觸控螢幕裝置？

使用媒體查詢進行觸控螢幕偵測

在 Web 開發領域，通常有必要根據輸入功能自訂內容或行為使用者裝置的。觸控螢幕和非觸控螢幕設備之間存在一個常見的區別。

媒體查詢解決方案：

CSS4 媒體查詢草案引入了「指標」屬性來滿足這一需求。

• '無'：無可用的指點設備（例如桌面）
• 「粗略」：指點設備精度有限（例如觸控板）
• 「精細」：準確指點裝置（例如，觸控螢幕）

但是，請務必注意，此屬性的瀏覽器相容性是有限的。

備用JavaScript 解決方案：

如果支援對於「指標」媒體功能還不夠，請考慮使用JavaScript 解決方案，例如as:

• !window.Touch：檢查裝置上是否有Touch 物件。
• Modernizr：JavaScript包含「touchevents」測試的函式庫。

透過利用其中之一方法，開發者可以有效地針對非觸控螢幕裝置並相應地增強使用者體驗。

以上是在 Web 開發中如何偵測觸控螢幕與非觸控螢幕裝置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！