合肥市蜀山区长江西路松芝万象城A座1421室 合肥网站建设 -
合肥网站制作 - 安徽网络公司
为政府搭建高效应用平台，为企业塑造良好形象，为网民营造美丽温馨家园!
网站如何识别手机上网并跳转到wap网站
发布日期：& 浏览次数：5625
公司网站有两个版本，分别是pc版，如果在移动设备上输入的是pc网址，如何能够自动跳转到wap网址呢。我们可以通过一段js来判断，如果是访问源是iphone，ipod，ipad，android手机或平板的等移动设备，则跳转至wap网址。
以下代码加在head区域
&script type="text/javascript"&
function uaredirect(murl){&
&&&&&&&&& if(document.getElementById("bdmark") != null){&
&&&&&&&&&&&&&&
&&&&&&&&& }&
&&&&&&&&& var urlhash = window.location.&
&&&&&&&&& if (!urlhash.match("fromapp")){&
&&&&&&&&&&&&& if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {&
&&&&&&&&&&&&&&&&&&&&& location.replace(murl);&
&&&&&&&&&&&&& }&
&&&&&&&&& }&
&&&&& } catch(err){}&
&script type="text/javascript"&uaredirect("");&/script&
合肥启凡网络科技有限公司专业从事网站建设、网站优化、虚拟主机、域名
注册等网络服务。专业的设计团队、一流的服务态度和先进的网络技术让我
们在竞争激烈的网站设计这行业中蓬勃发展.......
服务热线：0
Contact Us
地址：合肥市蜀山区长江西路478号松芝万象城A座1421室dedecms织梦手机站跳转模板设置例子-CMS技巧-网页制作-壹聚教程网dedecms织梦手机站跳转模板设置例子
下面我们来看一篇关于dedecms织梦手机站跳转模板设置例子，如果我们dedecms有手机版本我们可以单独设置模块了，下面我们来看看吧。
在新织梦的default模板中，除了原有的模板外，多了些手机模板，主要手机模板如下：
index_m.htm 首页模板
inde_default_m.htm 频道页模板
list_default_m.htm 列表页模板
list_default_sg_m.htm 列表页模板
article_article_m.htm 内容页模板
article_default_m.htm 内容页默认模板
search_m.htm 搜索页模板
head_m.htm 顶部模板
footer_m.htm 底部模板
* 首页模板中添加如下代码：
&meta http-equiv=&mobile-agent& content=&format=url={dede:global.cfg_mobileurl/}/index.php&/&
&script type=&text/&&if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-
|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(&?
mobile&)&0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href=&{dede:global.cfg_mobileurl/}/index.php&;}else if
(/iPad/i.test(navigator.userAgent)){}else{}}(e){}}}}&/script&
* 列表页模板添加如下代码：
&meta http-equiv=&mobile-agent& content=&format=url={dede:global.cfg_mobileurl/}/
list.php?tid={dede:field.id/}&/&
&script type=&text/javascript&&if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-
|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(&?
mobile&)&0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href=&{dede:global.cfg_mobileurl/}/list.php?tid=
{dede:field.id/}&;}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}&/script&
*内容页模板添加如下代码
&meta http-equiv=&mobile-agent& content=&format=url={dede:global.cfg_mobileurl/}/
view.php?aid={dede:field.id/}&/&
&script type=&text/javascript&&if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|
MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(&?
mobile&)&0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href=&{dede:global.cfg_mobileurl/}/view.php?aid=
{dede:field.id/}&;}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}&/script&
其中上面的js是电脑网站跳转到手机网站的代码，而是用来告诉百度，手机网站的地址，主要用于seo。
pc模板添加上面代码后，手机访问网站时，就会自动跳转到手机网站模板了。没有了
上一页：没有了 &&&&&下一页：相关内容百度Site App的uaredirect.js实现手机访问，自动跳转网站手机版
以下为代码，可放置在网站foot底部文件，或者haead顶部文件，建议将代码放在网站顶部，这样可以实现手机访问立即跳转！
&script src="/static/webappservice/uaredirect.js" type="text/javascript"&&/script&&script type="text/javascript"&uaredirect("http://m.jiuquan.cc");&/script&
将代码网址部分改成你网站的手机网址就Ok,当然可以是任意网址！
这应该就是传说中的WAP自动跳转吧！
JS判断用户访问终端类型（uaredirect.js）
不要在使用之前网上的那一大串判断代码了。
之前使用emlog的时候有人使用过这个方法，现在发现百度siteapp也提供这种方法
&script src="/static/webappservice/uaredirect.js" type="text/javascript"&&/script&
&script type="text/javascript"&uaredirect("");&/script&
使用userAgent来判断（iPhone|iPod|Android|ios|iPad）
function uaredirect(murl) {
if (document.getElementById("bdmark") != null) {
var urlhash = window.location.
if (!urlhash.match("fromapp")) {
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
} catch(err) {}
uaredirect.js
function uaredirect(f) {
if (document.getElementById("bdmark") != null) {
if (arguments[1]) {
var e = window.location.
var a = window.location.
if (isSubdomain(arguments[1], e) == 1) {
f = f + "/#m/" +
if (isSubdomain(arguments[1], e) == 2) {
f = f + "/#m/" +
var c = window.location.
if (!c.match("fromapp")) {
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))) {
location.replace(f)
} catch(d) {}
function isSubdomain(c, d) {
this.getdomain = function(f) {
var e = f.indexOf("://");
if (e & 0) {
var h = f.substr(e + 3)
var g = /^www./;
if (g.test(h)) {
h = h.substr(4)
if (c == d) {
var c = this.getdomain(c);
var b = this.getdomain(d);
if (c == b) {
c = c.replace(".", "\.");
var a = new RegExp("\." + c + "$");
if (b.match(a)) {
function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=if(arguments[1]){var e=window.location.var a=window.location.if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e&0){var h=f.substr(e+3)}else{var h=f}var g=/^www./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\.");var a=new RegExp("\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};
通过js文件实现访问网站自动跳转到手机站
通过百度Site App的建站，可以通过在网站头部head区间添加JS判断，如果是手机访问则自动跳转到手机地址：
&script src="/static/webappservice/uaredirect.js" type="text/javascript"&&/script&&script type="text/javascript"&uaredirect("");&/script&
仔细看了下这个js文件：uaredirect.js
function uaredirect(murl){try {if(document.getElementById("bdmark") != null){}var urlhash = window.location.if (!urlhash.match("fromapp")){if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {location.replace(murl);}}} catch(err){}}
这个是一个移动设备判断，使用userAgent来判断的，iPhone|iPod|Android|ios|iPad，哥，你不是这些系统或设备的就靠边。。。
这里给我们一个启发，以后就可以用这个js去做判断设备，然后做一些你想做的事情。
下面是中国好买手自动跳转在PC端项目起始页面，检测到是 从手机端访问的，就自动跳转到wap服务
阅读(...) 评论()如何在手机上输入网址由pc端网页自动跳转到已写好的移动端网页_百度知道利用JS实现手机访问PC网址自动跳转到wap网站
利用JS实现手机访问PC网址自动跳转到wap网站
直接把一下代码另存一个shouji.js写到PC端网址模板的首页：&script src="/js/shouji.js" type="text/javascript"&&/script&这样直接在手机上访问PC端网址,即可在手机上实现自动跳转对应的手机端网站var _hmt = _hmt || [];(function() {& var hm = document.createElement("script");& hm.src = "///hm.js?";& var s = document.getElementsByTagName("script")[0];& s.parentNode.insertBefore(hm, s);})();var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");var browser = navigator.userAgent.toLowerCase();var isMobile =for (var i=0; i&mobileAgent. i++){ if (browser.indexOf(mobileAgent[i])!=-1){ isMobile =location.href = '/'; } }
发表评论：
TA的最新馆藏[转]&