首页 建站教程 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

打赏
海报

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

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

相关推荐

CSS心形缠绕转动效果

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋...
WEB前端 2023.09.13 0 2918
制作h5常用的css3动画效果

制作h5常用的css3动画效果

css3提供了许多强大的特效,可以用来实现各种各样的效果,下面是我总结的一些常用的css3效果,有需要的可以直接引用:1.悬浮时放大:.one{transition:All 0.4s&nb...
WEB前端 2023.09.13 1 2858
评论列表
yibin
还可以吧
2017-11-10 19:55:20 回复
umtheme
回复一条
2017-11-10 19:29:46 回复
umtheme
@umtheme漂亮
2017-11-10 19:30:20 回复
yibin
@umtheme确实啊
2017-11-10 19:54:27 回复
umtheme
@yibin回复你
2017-11-10 23:09:13 回复
umtheme
2017-11-10 19:29:54 回复

感谢您的支持