js自动判断浏览器类型跳转到手机版

最新推荐文章于 2023-05-18 20:41:12 发布

转载最新推荐文章于 2023-05-18 20:41:12 发布 · 566 阅读

文章标签：

#javascript #ViewUI

本文探讨了如何通过JavaScript代码实现电脑版与手机版网页之间的智能跳转，以提升不同设备上的用户体验。主要内容包括判断设备类型、重定向到适配版本，并提供了相应的脚本实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//电脑版头部写法：
<script language="javascript">  
function is_mobile() {  
var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;  
var u = navigator.userAgent;  
if (null == u) {  
return true;  
}  
var result = regex_match.exec(u);  
if (null == result) {  
return false  
} else {  
return true  
}  
}  
function QueryString(item)
{
    var sValue=location.search.match(new RegExp("[\?\&]"+item+"=([^\&]*)(\&?)","i"))
    return sValue?sValue[1]:sValue
}
if (QueryString("ID")!="t" && is_mobile()) {  
document.location.href= 'http://m.114369.cn/';  
}  
</script>

手机版底部写法：

<p><a href="http://www.114369.cn/?q=t">电脑版</a>|<a href="javascript:void(0)">手机版</a></p>