欢迎访问向前网络工作室!我们专注于包头网站建设,包头网站优化,包头网站推广,包头做网站等相关服务!

咨询热线:14794781288
微信号
新闻中心News
包头网站建设制作设计_包头网站优化推广-向前网络工作室

Dedecms织梦PC网站自动跳转到移动端URL设置

作者:admin | 时间:2020-02-01 14:16:06 | 点击: 次|打印本文|收藏 本文有652个文字,大小约为3KB,预计阅读时间2分钟
0102
2020
本人之前使用Dedecms织梦建站的,随着移动端MIP的上线,也想体验,因此自建了独立的移动端网站,数据库和PC网站用的是同一个。本次主要分享下作为一个技术小白在搭建织梦移动端网...

原文标题:Dedecms织梦PC网站自动跳转到移动端URL设置

本人之前使用Dedecms织梦建站的,随着移动端MIP的上线,也想体验,因此自建了独立的移动端网站,数据库和PC网站用的是同一个。本次主要分享下作为一个技术小白在搭建织梦移动端网站后,如何实现客户使用移动设备访问PC网站自动跳转到对应移动网页的设置方法。

Dedecms织梦PC网站自动跳转到移动端URL设置

DedeCMS移动适配成功后,虽然首页可以用百度官方的跳转方法实现跳转,但是手机端访问网站的内页pc网址时,不会自主跳转到相对应的移动站点,查询了很多方法,只有JS跳转可以完美实现。

不考虑移动端seo优化&fro' target='_blank'>搜索引擎优化,需要通过JS判断是否移动端,然后确定是否跳转到指定页面就行了。

添加js文件,代码如下,名字随意命(如 m.js):

//判断是否移动端,如果是则跳转到指定的URL地址

function browserRedirect(url) {

//只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值

varsUserAgent =navigator.userAgent.toLowerCase();

varbIsIphoneOs = sUserAgent.match(/iphone os/i) =="iphone os";

varbIsMidp = sUserAgent.match(/midp/i) =="midp";

varbIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) =="rv:1.2.3.4";

varbIsUc = sUserAgent.match(/ucweb/i) =="ucweb";

varbIsAndroid = sUserAgent.match(/android/i) =="android";

varbIsCE = sUserAgent.match(/windows ce/i) =="windows ce";

varbIsWM = sUserAgent.match(/windows mobile/i) =="windows mobile";

if(bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

window.location.replace(url);

}

}


DedeCMS的首页、内容页和栏目页都是模版控制生成,因此只需要为每个模板添加JS引用代码即可,具体如下:

 

<1> 首页模板调用JS跳转代码:

<script src="/js/m.js"></script>

<script type="text/javascript">browserRedirect ("移动端网址");</script>

<2> 栏目/列表页模板调用的代码:

<script src="/js/m.js"></script>

<script type="text/javascript">browserRedirect

("移动端网址{dede:type typeid='0&prime; row=1}[field:typelink/]{/dede:type}"); </script>

<3> 文章内容页模板调用代码:

<script src="/js/m.js"></script>

<script type="text/javascript">browserRedirect ("移动端网址{dede:field name='arcurl'/}"); </script>

更新全站缓存并重新生成内容页、栏目页、首页,再用移动端访问PC电脑网址就可以完美实现跳转。

 

Ps:由于本人也是dedecms小白用户,因此相关技术原理也不懂,也是网上搜索了很多教程,才最终实现的。希望这个教程可以帮助到和我一样有需要的站长朋友们,站长本是弱势群体,希望大家尽量可能多分享,互帮互助!

如按此教程操作还不成功,有问题的朋友,可以跟帖回复,我会的都会尽量回复大家。当然再三声明我也是小白,如果我不会的,也只能要你自己去百度多搜索,看看别人怎么操作 

文章来源:
百度站长平台

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

Tag标签:手机网站建设

版权声明:本文为向前网络工作室原创文章,未经站长允许不得转载。https://www.0472e.com/website/260.html
相关文章推荐
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

咨询送礼现在提交,将获得某某网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线14794781288
合作意向表
您需要的服务
您最关注的地方
预算
  • 看不清?点击更换

直接咨询