檢測旋轉的兼容性挑戰
使用JavaScript 檢測設備旋轉與具有明確定義方法的iPhone 相比，Android 手機上的瀏覽器可能更具挑戰性。 Android 裝置上的行為可能不一致，事件的順序和頻率以及 screen.width 和 window.orientation 等值的變化。
可靠的旋轉偵測方法
為了解決這些不一致問題，建議監聽 resize 和orientationChange 事件並實施輪詢作為安全措施。這種方法可確保您最終收到有效的方向值。
事件序列和值變化
事件序列和值的變化因情況而異設備。以下表格總結了各種設備的結果：
| Device | Events Fired (to Landscape) | orientation | innerWidth | screen.width |
|---|---|---|---|---|
| iPad 2 | resize, orientationchange | 90 | 1024 | 768 |
| iPhone 4 | resize, orientationchange | 90 | 480 | 320 |
| Droid phone | orientationchange, resize | 90 | 320 | 569 |
| Samsung Galaxy Tablet | orientationchange, orientationchange, orientationchange, resize, orientationchange | 90, 90, 90 | 400 | 683 |
其他注意事項
雖然此方法提供了一種可靠的方法來檢測設備旋轉，但重要的是要保持請記住JavaScript 在這方面的限制。例如，某些值（例如 screen.width）可能不會總是按預期更改。也建議避免僅依賴 screen.width，因為它在 iOS 裝置上的行為不一致。
以上是如何使用 JavaScript 在 Android 瀏覽器中可靠地偵測裝置旋轉？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
