JavaScript判斷當前裝置和瀏覽器型別
在實際應用中,可能需要判斷當前裝置和瀏覽器型別,然後進行後續的操作。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload = function() { //最常規的檢查方法 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android終端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端 var browser = { versions: function() { var u = window.navigator.userAgent, app = window.navigator.appVersion; document.getElementById('antzone').innerHTML = u; return { trident: u.indexOf('Trident') > -1, //IE核心 presto: u.indexOf('Presto') > -1, //opera核心 webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌核心 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐核心 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端 android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android終端 iPhone: u.indexOf('iPhone') > -1, //是否為iPhone或者QQHD瀏覽器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1, //是否web應該程式,沒有頭部與底部 weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增) qq: u.match(/\sQQ/i) == " qq" //是否QQ } }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() } //判斷是否IE核心 if (browser.versions.trident) { alert("is IE"); } //判斷是否webKit核心 if (browser.versions.webKit) { alert("is webKit"); } //判斷是否移動端 if (browser.versions.mobile || browser.versions.android || browser.versions.ios) { alert("移動端") } var currentLang = navigator.language; //判斷除IE外其他瀏覽器使用語言 if (!currentLang) { //判斷IE瀏覽器使用語言 currentLang = navigator.browserLanguage; } alert(currentLang); } </script> </head> <body> <p>當前裝置為:<span id="antzone"></span></p> </body> </html>
上述程式碼比較好的實現了判斷功能,需要的可以直接套用。
相關文章
- JavaScript 判斷瀏覽器的型別和版本JavaScript瀏覽器型別
- 判斷當前瀏覽器是不是微信瀏覽器瀏覽器
- jQuery判斷瀏覽器型別jQuery瀏覽器型別
- JS判斷PC瀏覽器型別JS瀏覽器型別
- JavaScript判斷系統和瀏覽器JavaScript瀏覽器
- js判斷瀏覽器型別和作業系統JS瀏覽器型別作業系統
- js判斷裝置型別JS型別
- JS在瀏覽器中判斷當前網路狀態JS瀏覽器
- JS判斷當前裝置是 PC IOS AndriodJSiOS
- Android判斷當前裝置是否設定了代理Android
- js 怎樣判斷使用者是否在瀏覽當前頁面JS
- JavaScript 判斷IE瀏覽器的版本包括IE11JavaScript瀏覽器IE11
- JavaScript判斷資料型別JavaScript資料型別
- js程式碼判斷瀏覽器JS瀏覽器
- IE瀏覽器版本的判斷瀏覽器
- Middleware 判斷當前是否手機端瀏覽器,並跳轉到手機端的介面瀏覽器
- js 判斷是什麼瀏覽器、是否為谷歌瀏覽器JS瀏覽器谷歌
- 深入理解 JavaScript 中的型別和型別判斷問題JavaScript型別
- JavaScript 資料型別與型別判斷詳解JavaScript資料型別
- 條件註釋判斷瀏覽器版本瀏覽器
- JavaScript的資料型別如何判斷JavaScript資料型別
- 如何判斷JavaScript的資料型別?JavaScript資料型別
- 前幾天為了精準判斷物件型別,封裝一個高大上的資料型別的判斷,裝個逼物件封裝資料型別
- 檢測當前瀏覽器是否支援cookie瀏覽器Cookie
- javascript中如何判斷變數的型別?JavaScript變數型別
- javascript 判斷各種資料的型別JavaScript型別
- 判斷javaScript變數是Ojbect型別還是Array型別JavaScript變數型別
- 當前主流瀏覽器核心有哪幾個瀏覽器
- js判斷是否移動端及瀏覽器核心JS瀏覽器
- 小技巧系列:html或js判斷IE瀏覽器HTMLJS瀏覽器
- javascript中對變數型別的判斷方法JavaScript變數型別
- JavaScript判斷變數型別的四種方法JavaScript變數型別
- JavaScript資料型別判斷的四種方法JavaScript資料型別
- js判斷型別JS型別
- JS 型別判斷JS型別
- 谷歌瀏覽器模擬地理定位和裝置方向谷歌瀏覽器
- 瀏覽器是怎樣判斷元素是否和某個CSS選擇器匹配?瀏覽器CSS
- 寫個方法判斷當前指令碼執行在瀏覽器還是node環境中指令碼瀏覽器