Web检测访问设备手机端或其它手持设备

判断访问网站的设备,如果是移动端浏览则跳转到wap移动端网站方法一:<script type="text/javascript"> var mobileUrl = "wap.umhtml.com"; if (/iphone|nokia|sony|ericsson|mot|samsung...

判断访问网站的设备,如果是移动端浏览则跳转到wap移动端网站

Web检测访问设备手机端或其它手持设备 客户端 响应 js判断 手持设备 移动端  图1

方法一:

<script type="text/javascript">
    var mobileUrl = "wap.umhtml.com"; 
    if (/iphone|nokia|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|android|iPod/i.test(navigator.userAgent.toLowerCase())) { 
    if (mobileUrl) 
    {  
       document.location.href = mobileUrl;       
     }  
}
</script>

方法二:

<script type=”text/javascript”>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
window.location = “wap.umhtml.com”; //可以换成http地址
}
</script>


方法三(使用 Device.js 库):

下载地址:https://GitHub.com/matthewhudson/device.js

STEP 1: 引入 JS 文件

<script src=”device.min.js”></script>

STEP 2: 加入判断代码

<script type=”text/javascript”>
if(device.mobile()){
window.location = “wap.umhtml.com”;  //可以换成http地址
}
</script>

Device.js 方法有很多,若你想实现对某个设备的判断,要以根据以下代码来替换device.mobile()。

Web检测访问设备手机端或其它手持设备 客户端 响应 js判断 手持设备 移动端  图2

打赏
海报

本文由优美主题原创或收集发布

转载请注明本文地址:http://umtheme.com/web/41.html

相关推荐

给网页增加WOW插件滚动触发css动效

随着浏览器的兼容性增强,css3动画特效运用也越来越广,通过css3动画库加js可以实现很多炫酷的效果。比如在滚动页面时会触发展示各式各样的动画效果,通过设置调整可以改变动画的风格、延迟、偏移量等。优...

WEB前端 2018.07.04 0 3579

纯CSS实现的波形动画

纯CSS实现的波形动画

纯CSS实现的波形动画,波浪型动画运用比较广,经常在H5或APP页面中看到,用CSS3实现比较简单。html代码:<div&nbs...

WEB前端 2018.04.20 0 2784

评论列表
还可以吧
2017-11-10 19:55:20 回复
回复一条
2017-11-10 19:29:46 回复
@yibin616漂亮
2017-11-10 19:30:20 回复
@yibin616确实啊
2017-11-10 19:54:27 回复
@yibin回复你
2017-11-10 23:09:13 回复
2017-11-10 19:29:54 回复

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi

感谢您的支持

优美改版啦

优美主题改版啦

优美历经数日,终于以全新的面貌上线
请记住我们的新域名
umtheme.com

查看详情