【经验分享】关于手机移动端访问自动跳转相应页面的方法

作者 : DuoCooL 发布时间: 2015-12-17 共1.83K人阅读
[v_blue] 手机移动端的访问大多不适合直接用PC端的页面,PC端的页面太大,不友好,加载速度慢,当然,如果你是用html5的代码就又不一样了,今天给大家分享一个跳转代码,目的是使用手机、平板等移动端在访问网站的时候自动跳转到我们设定的手机版的页面。[/v_blue]

好了先看一下代码

 

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}}if (is_mobile()) {document.location.href= '跳转的位置';}


[v_act] 将上面的代码存为JS模式,然后在网站的首页直接调用这个JS就可以了,有需要的朋友们,赶快去试试吧![/v_act]

默认解压密码:duocool.cn 或者 duocool.cn&多酷分享
多酷分享 » 【经验分享】关于手机移动端访问自动跳转相应页面的方法