牛牛逼逼叉叉
菜单

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

2016年07月24日,分类《SEO》,作者:
博客捐助

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内容要一致。

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

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

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

 



发表评论

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

【上一篇】

WordPress函数:wp_tag_cloud(标签云)自定义自己的标签云

【下一篇】

WordPress Cheat Sheet WordPress开发函数标签代码结构大全