帝国CMS移动站自动适配跳转,首页/栏目频道/内容页各不同

帝国CMS移动站(端)模板代码制作完成后,还需要在PC端代码中,加入识别移动端的代码,才能实现某种自动化——即代码判断是否是移动端,如果是,则跳转到对应的移动端页面。

其中要注意的关键点是:看似相同,然PC端首页模板、封面/栏目模板、内容页模板,要加入的跳转代码,是不一样的。

我们不一样的

具体功能实现代码如下:

1、PC端首页模板添加跳转代码

<script type=”text/javascript”>
try {var urlhash = window.location.hash;if (!urlhash.match(“fromapp”))
{if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{window.location=”http://m.xxx.cn/”;}}}
catch(err)
{
}</script>
<meta name=”mobile-agent” content=”format=xhtml;url=http://m.xxx.cn/”>

(其中,http://m.xxx.cn,需要换成你的移动站网址,请提前做好解析及其他,如.htaccess中的移动端域名配置等……总之,移动网址能正常解析至你的移动站目录,打开能访问,是基础。)

2、PC端列表页或封面页模板添加跳转代码

<script type=”text/javascript”>
try {var urlhash = window.location.hash;if (!urlhash.match(“fromapp”))
{if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{window.location=”http://m.xxx.cn<?=sys_ReturnBqClassUrl($class_r[$GLOBALS[navclassid]]);?>”;}}}
catch(err)
{
}</script>
<meta name=”mobile-agent” content=”format=xhtml;url=http://m.xxx.cn<?=sys_ReturnBqClassUrl($class_r[$GLOBALS[navclassid]]);?>”>

3、PC端内容页模板添加跳转代码

<script type=”text/javascript”>
try {var urlhash = window.location.hash;if (!urlhash.match(“fromapp”))
{if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{window.location=”http://m.xxx.com[!–titleurl–]”;}}}
catch(err)
{
}</script>
<meta name=”mobile-agent” content=”format=xhtml;url=http://m.xxx.com[!–titleurl–]”>

最后就是测试,主要就是检查和比对移动端网址(手机可看,电脑看会方便些),尽量用手机浏览,看是否能正常访问浏览。如果不能,试着网址中加入移动端的目录名。

本文链接:肖运华 » 网站策划设计制作优化 » 帝国CMS移动站自动适配跳转,首页/栏目频道/内容页各不同
转载请注明:http://www.xiaoyunhua.com/3752.html

发表评论

电子邮件地址不会被公开。