分站CMS系统 咨询邮箱 咨询邮箱:fu7n@163.com 咨询热线 咨询热线:400-038-0391 资源科技微博 资源科技微信
您的位置:主页 > 网站科普 > 建站知识 >
如何让页面自动跳转到手机版相应的文章页面
发表日期:2017-11-10   文章编辑:博虎网络    浏览次数:    演示地址:暂无
 移动互联网时代的到来,让传统企业渐渐有了搭建手机站的意识,本文就不说如何搭建手机站了,搭建

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

以下代码是跳转代码,将此段代码放在电脑站首页,假如网站网址为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>

 
标签:    
如没特殊注明,文章均为资源网络原创,转载请注明来自http://www.xiaobihu.org/news/hor/106.html