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

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

发表日期: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>

 
相关新闻

百度云加速如何设置HTTP强制跳转HTTPS

一直有客户问如何使用 百度云加速 强制跳转HTTPS ,今天博虎网络就来教大家如何设置跳转。...

日期:2022-07-12 浏览次数:159

wordpress多站点-如何取消多站点

配置网络时,显示:警告: 检测到一个已存在的WordPress网络。如何清除原来的站点,我想重新...

日期:2022-01-24 浏览次数:157

如何有效防止自己网站的内容被别人采集

防止采bai集第一种方法:在文章的头尾加上随机不固定的代码。网站采集者内在采集时,通常都是...

日期:2021-02-20 浏览次数:218

jQuery加载全部页面完成前的loading效果

此效果的 原理 :在页面加载完成前在整个页面上边覆盖一层,即loading层,等到页面加载完成...

日期:2020-08-28 浏览次数:188

如何避免使用的图片存在侵权风险?

随着互联网的快速发展,人们的生活越来越离不开网络,生活中找不到的资源可以在网络搜索...

日期:2020-02-14 浏览次数:141

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

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

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

正在加载中……