當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JS 判断是否是手机端并跳转操作

發(fā)布時間：2023/12/2 javascript 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS 判断是否是手机端并跳转操作小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

JS 判斷運行當前腳本的應用程序是否為手機端或者一些其他信息，在我的工作中遇到的不是十分頻繁，被我的同事一問就給問住了，所以把之前找到的一些知識點整理出來，供大家參考，若哪里不對歡迎指出，我會及時的更改 (#^.^#)。

?window.navigator

?先從這個屬性入手：window.navigator 返回一個navigator對象的引用，可以用它來查詢一些關(guān)于運行當前腳本的應用程序的相關(guān)信息。

常用屬性和方法：（想知道詳細屬性和方法的請點MDN）

Navigator 對象屬性?

屬性說明

appCodeName	返回當前瀏覽器的內(nèi)部“代碼”名稱,該名稱可能是不"正確"的.
appName	返回當前瀏覽器的正式名稱,該名稱可能是不"正確"的.
appVersion	返回當前瀏覽器的版本號,該值可能是不"正確"的.
cookieEnabled	返回一個布爾值,表明當前瀏覽器是否啟用了cookies.
platform	返回一個字符串,表明當前所使用的系統(tǒng)平臺類型.
userAgent	返回當前瀏覽器的user agent字符串.

Navigator 對象方法

方法描述

javaEnabled()	表明當前瀏覽器是否啟用了對Java的支持.
vibrate()	如果設備支持震動(手機或其他),則觸發(fā)設備震動.
registerContentHandler	允許網(wǎng)站將自己注冊成為一個給定MIME類型的內(nèi)容的處理程序.

eg:?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div id="test"></div> <script> txt = "<p>瀏覽器代號: " navigator.appCodeName "</p>"; txt = "<p>瀏覽器名稱: " navigator.appName "</p>"; txt = "<p>瀏覽器版本: " navigator.appVersion "</p>"; txt = "<p>啟用Cookies: " navigator.cookieEnabled "</p>"; txt = "<p>硬件平臺: " navigator.platform "</p>"; txt = "<p>用戶代理: " navigator.userAgent "</p>"; txt = "<p>用戶代理語言: " navigator.systemLanguage "</p>"; document.getElementById("test").innerHTML=txt; </script> </body> </html>

常用跳轉(zhuǎn)代碼?

? ? ?//? something....?

} else {? window.location.href = "PC端網(wǎng)址";? }? -->? </script>

騰訊跳轉(zhuǎn)?

測試是什么終端?

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終端 alert('是否是Android：' isAndroid); alert('是否是iOS：' isiOS);?

參考網(wǎng)址?

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/navigator?

http://www.jb51.net/article/104661.htm

更多專業(yè)前端知識，請上【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的JS 判断是否是手机端并跳转操作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。