IT之家的网站自适应适配跳转是如何操作的 源码

由作者 王金阁,曾网名:挨踢红领巾,现网名:Aduang 发布于

IT之家-软媒之家的网站自适应跳转是如何操作的 源码

他们的手机站和内容站的内容是一样的,URL也是统一的。这是跳转适配自适应需要符合的所有条件。

然后直接贴出他们的JS代码。

//if(location.toString().indexOf("ithome.com") <= -1){ document.location.href="http://www.ithome.com/"; } 
if ((navigator.userAgent.match(/(iPhone|iPod|Android|Windows Phone)/i))) { var reg = new RegExp(/www.ithome.com\/html\/.*?\/(\d+).htm/i); var r = window.location.href.match(reg); location.replace("http://wap.ithome.com/html/" + r[1] + ".htm"); }
if (self != top) top.location.href = window.location.href

首先看到的就是第一行有一个注释掉的代码,这是判断URL是否添加www没有加则跳转到带wwwURL。

下面的就是判断UA(user-agent)有安卓Ipad iPhone wp 然后使用正册表达式匹配域名后的URL字符。

这样就达到了正缺跳转的目的,还是一句话前提PC站和移动站的相同URL内容要一致。

唯有满足这个条件才能正缺的使得百度自适应和移动适配生效达到你想要的效果。

好了这段代码你可以复制到自己的网上进行使用。或者你有自己思路可以自己写一个。

复制记得修改域名成自己的。

 



Tags: | |


本文地址:https://www.nnbbxx.net/post-5286.html
版权申明:本站原创内容版权遵循 CC-BY-NC-SA 协议规定。转载请标明出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注