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

2017年11月02日 WEB前端 1316 views 6

扫一扫用手机浏览

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

方法一:

<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()。

1.png

赞(7 打赏
  • 微信
  • 支付宝
  • QQ钱包

感谢您对优美的支持!

非特殊说明,本文由优美尚品主题原创或收集发布,欢迎转载

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

发表评论