JavaScript 長需要針對使用者的使用裝置、寬度不同,而顯示或是觸發不同的內容互動。這篇筆記下如何應用瀏覽器內建的Window.navigator 來判斷使用者使用 iOS、Android 或是桌機。
內容
1. 原理是判斷 userAgent 的字串中有無特定字串。不過此值是可以輕易被改動的,所以不要用來判斷重要資訊
2. 判斷的撰寫方法是利用 Regex
3. iOS 系統:字串中會帶有蘋果的產品名,如 iPhone, iPad
4. Android 系統:字串中會帶有 Android
5. 若你要判斷 in-app 瀏覽器,那你可以根據不同的 APP ,搜尋特定的關鍵字,像是 Facebook 會有 FBAN 或 FBAV
程式碼
參考連結
1. JS判断Android、iOS或浏览器的多种方法(四种方法)
2. JavaScript偵測行動裝置是Android還是ios
3. in-app瀏覽器的 User Agent 列表