仿响应式html:JavaScript判断设备处于PC端还是移动端
2019-03-27 10:48
246 查看
我们想要的效果是pc文件和mobile文件统一入口,适配不同的设备。
先看看项目的目录:
在index.html里面配置js控制选择那一个文件夹下的文件就可以了。
我们要利用:Navigator 对象,Navigator 对象包含有关浏览器的信息。
index.html很简单,直接上码吧:
[code]<!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端还是移动端
- JavaScript判断页面当前浏览设备为移动端还是PC端,实现自动加载对应端页面
- html通过javascript判断pc端还是移动端
- (原) Jquery 判断设备是PC端,还是移动端
- js 设备检测(判断是移动端还是PC端)
- js 设备检测(判断是移动端还是PC端)
- js判断设备是pc端还是移动端
- 如何判断当前设备是pc端还是移动端?
- JavaScript 判断当前设备是否是移动端还是PC
- 根据USER-AGENT判断是PC端还是移动端
- PHP判断访问者手机移动端还是PC端的函数,亲测好用
- js判断浏览器是PC端还是移动端的
- 判断站点访问的终端类型(移动端还是pc端)的方法
- 根据判断移动端还是pc端自动跳转页面
- 【移动端】判断PC端还是手机端
- JS判断移动端还是PC端(改造自腾讯网) 仅用于宣传动画,下载页等
- js判断客户端是移动端还是PC端
- PHP判断访问者手机移动端还是PC端的函数
- 3个方法实现JavaScript判断移动端及pc端访问不同的网站
- 【javascript】判断浏览设备是手机还是电脑