當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript判断页面当前浏览设备为移动端还是PC端，实现自动加载对应端页面
生活随笔
收集整理的這篇文章主要介紹了
JavaScript判断页面当前浏览设备为移动端还是PC端，实现自动加载对应端页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我們想要的效果是pc文件和mobile文件統一入口，適配不同的設備。?
先看看項目的目錄：?
?
在index.html里面配置js控制選擇那一個文件夾下的文件就可以了。?
我們要利用：Navigator 對象，Navigator 對象包含有關瀏覽器的信息。?
index.html很簡單，直接上碼吧：
<!DOCTYPE html> <html><head><meta charset="UTF-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /><script type="text/javascript">function browserRedirect() {var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";var bIsMidp = sUserAgent.match(/midp/i) == "midp";var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";var bIsAndroid = sUserAgent.match(/android/i) == "android";var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {//跳轉移動端頁面window.location.href="http://f.jcngame.com/fanfan20171208/mobile/index.html";} else {//跳轉pc端頁面window.location.href="http://f.jcngame.com/fanfan20171208//fanmai/index.html";}}browserRedirect(); </script></head><body></body> </html>總結
以上是生活随笔為你收集整理的JavaScript判断页面当前浏览设备为移动端还是PC端，实现自动加载对应端页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 酷家乐怎么加镜面反射? 镜面中未反射镜子
- 下一篇： 谷歌安卓 14 为平板引入新特性，增强笔