首页 建站教程 WEB前端 正文

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://www.umtheme.com/web/41.html

相关推荐

纯css简单实现角标样式

纯css简单实现角标样式

纯css实现角标效果,通常在置顶,推荐,热门等需要特殊标注的场景中可以应用到,这里主要用到transform:rotate(-30deg...

WEB前端 2020.10.16 0 106

如何在html页面中通过css隐藏元素

在平常的页面布局中,我们经常会遇到将某个模块隐藏,而实现不同的页面布局或js交互效果,尤其是在响应式布局中比较常见,下面我们整理了一些关于实现隐藏页面元素的多种方法以及各种方法不同的特点(如:是否占据...

WEB前端 2020.09.18 0 121

web前端写html页面div+css命名规范

web前端写html页面div+css命名规范

使用良好的CSS书写规范来写CSS代码,既能最大化优化前端代码,提升代码阅读体验,更重要的是为以后维护带来方便。常用的CSS命名一般由小...

WEB前端 2020.09.08 0 171

评论列表
还可以吧
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

感谢您的支持