900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JavaScript判断页面当前浏览设备为移动端还是PC端 实现自动加载对应端页面

JavaScript判断页面当前浏览设备为移动端还是PC端 实现自动加载对应端页面

时间:2019-05-11 18:16:45

相关推荐

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="/fanfan1208/mobile/index.html";} else {//跳转pc端页面window.location.href="/fanfan1208//fanmai/index.html";}}browserRedirect(); </script></head><body></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。