https://blog.csdn.net/a419419/article/details/78752417
JS来判断页面是在手机端还是在PC端打开的方法
我们想要的效果是pc文件和mobile文件统一入口,适配不同的设备。
先看看项目的目录:
在index.html里面配置js控制选择那一个文件夹下的文件就可以了。
我们要利用:Navigator 对象,Navigator 对象包含有关浏览器的信息。
<!DOCTYPE html>
<html>
<script>
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://blog.csdn.net/zml_2015";//适配移动端(跳到 ‘/mobile.html’)
} else {
window.location.href="http://m.blog.csdn.net/blog/index?username=zml_2015";//适配pc端(跳到‘/web.html’)
}
}
browserRedirect();
</script>
<body>
</body>
</html>