北京博虎网络科技有限公司——不只是帮您建网站,从此都是您全方位的网络顾问!
当前位置:主页 > 网站科普 > 建站知识 >

如何让页面自动跳转到手机版相应的文章页面

发表日期:2017-11-10 20:14文章编辑:博虎网络浏览次数: 标签:    

移动互联网时代的到来,让传统企业渐渐有了搭建手机站的意识,本文就不说如何搭建手机站了,搭建

手机站和电脑站原理差不多,但是如何才能让电脑站的链接手机访问时,一一对应起来呢?

以下代码是跳转代码,将此段代码放在电脑站首页,假如网站网址为www.xiaobihu.cc,当

手机站访问时,会自动跳转到手机站www.xiaobihu.cc/m


<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="/m";
}
}
}
catch(err)
{
}
</script>
 

那么问题来了,如果手机访问电脑站的内页呢?总不能都跳转到手机站的首页去吧?如何才能对应跳转

到手机站的内页?熟悉织梦的朋友应该都知道织梦有调用栏目链接和文章链接的标签,那么我们可以灵活运用到这段代码里。


栏目列表页对应跳转代码:


<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="/m/{dede:type typeid=''}list.php?tid=[field:id/]{/dede:type}";
}
}
}
catch(err)
{
}
</script>

 

文章页对应跳转代码:

<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="/m/view.php?aid={dede:field.id/}";
}
}
}
catch(err)
{
}
</script>

 
相关新闻

让网页自动调用双核浏览器的极速模式(Webkit)

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准...

日期:2016-09-12 浏览次数:136

dedecms网站出现多图发布无法使用页面空白的原因

昨天小壁虎在使用织梦网站的时候遇到一个问题,在发布文章时,因为是使用了多张图片,在...

日期:2016-08-25 浏览次数:105

如何调用百度地图,如何添加多个坐标

------------------------------页面必须调用的js文件 script type=text/javascript src=http://api.map.baidu.com/api?...

日期:2016-04-21 浏览次数:1866

如何来选择一款优质的主机

企业建设网站,网站空间是少不了的,空间的大小是根据网站类型来判断的。上海网站建设公...

日期:2016-03-30 浏览次数:101

为什么要设置404错误页面?

1、告诉访客访问的页面不存在或者是被删除。 2、降低跳出率。如果是我们网站没有做404页面...

日期:2016-03-30 浏览次数:123

如何进行单页优化排名?

单页面网站的优化窍门, 如何高效进行单页面网站优化 ?单页面能够理解为一个页面,一个网...

日期:2015-06-24 浏览次数:278