信息中心

提供网站前端、SEO、APP和公众号小程序开发技术信息

首页 >  网站前端

JS实现织梦手机打开电脑首页列表页和内容页自动跳转到m手机端

文章分类: 网站前端 浏览量:135 发布时间:2020-05-03 10:50:17

JS实现织梦手机打开电脑首页列表页和内容页自动跳转到m手机端。
织梦CMS

一、为什么要让手机在打开PC电脑页的时候,让网页自动跳转到手机移动M端呢?
因为搜索引擎是部分你网页是电脑端还是移动端的,在没有做百度站长平台的移动适配的情况下,搜索引擎是无法分辨的。这将造成,你在移动端访问百度或其他搜索引擎,搜索引擎将会将PC端网址放上去,这个时候你点击链接将是实实在在的访问PC端网址。
如果网页不是自适应(CSS自适应网站),那么这个时候手机屏幕就是展示的PC页,这是不友好的。

二、针对dedecms织梦的首页、列表页和内容页页面,如何让PC页在手机端浏览的时候自动跳转?
首页跳转方法:
一般情况下,首页是固定的链接,PC电脑端是固定链接,移动M端到PC电脑端链接跳转是一对一,代码如下:

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobile/}"> <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_mobile/}/m/index.php";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

列表页跳转方法:

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobile/}/m/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_mobile/}/m/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

内容页跳转方法:

<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_mobile/}/m/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

注意事项:
1.上述<mata>和JavaScript代码,请放在你的原跳转网页(PC端)的<head>区域,建议放在<title>前面。千万不要放在head.html页面里面,不然会造成死循环。
2.首页跳转代码中标红的部分你是的手机移动m端的首页网址,即跳转目标网址。
3.列表跳转代码中标蓝的部分是列表页的手机端链接,其中{dede:field.id/}是获取该列表页的ID,从而跳转到对应ID的移动m手机端,内容页同理。
4.网上其他方法很多都与本文代码类似,但是在跳转链接上是错误的,基本上都是少了一个"/m",在网址后面一定要加m,否则会造成链接失效。

一般需默认手机m移动端是动态链接,如果是静态链接,则需要在上述代码标蓝,标黄的部分使用正则表达式进行链接获取即可。
以上就是JS实现织梦手机打开电脑首页列表页和内容页自动跳转到m手机端方法,本站亲测有效。

7*24服务电话(以解决问题为最终目标)

173-0756-4526

直接负责:MR.潘:17307564526

技术负责:MR.王:18186226660

邮箱:694394062#qq.com
地址:珠海香洲区紫荆路振国巷9号科汇大厦

COPYRIGHT © 2010-2020 蓝黛科技珠海网站建设 珠海SEO www.zhuseo.com ALL RIGHTS RESERVER 版权所有 粤ICP备17099728号-1