SEO观察
研究搜索引擎优化(SEO)技术。

手机访问PC端自动跳转到手机网站代码

现在是即时信息时代,移动流量才是互联网的主流,手机网站的开发应用与优化早在2013年已经很热了。移动互联网超越PC互联网,引领发展新潮流。有线互联网(又称PC互联网、桌面互联网、传统互联网)是互联网的早期形态,移动互联网(无线互联网)是互联网的未来。各大搜索引擎站长平台都有“移动适配”服务,起主要目的是PC端与移动网站上数据能够同步显示。那么,手机访问PC端自动跳转到手机网站JS代码分别有哪几种呢,如何实现呢?

方法一:

<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="http://m.your-website.com/"; //这里的网址请改为你手机站的网址
}
}
}
catch(err)
{
}
</script>

方法二:

<script type=”text/javascript”>
// JavaScript Document
function urlredirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) {
// PC跳转移动端
var thisUrl = window.location.href;
window.location.href = thisUrl.substr(0,thisUrl.lastIndexOf(‘/’)+1)+’mobile/’;

}
}
urlredirect();
</script>

方法三:

利用百度Site App代码判断手机访问:

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("m.your-website.com");</script>​

PS:直接用上面的方法,貌似网页会有一点问题,我建议把代码调整一下,直接把百度的那个JS文件里的代码拿出来。整理后的代码如下:

<script language="JavaScript">function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};uaredirect("m.your-website.com");</script>

方法四:

SCRIPT LANGUAGE=”JavaScript”>
function mobile_device_detect(url)
{
var thisOS=navigator.platform;
var os=new Array(“iPhone”,”iPod”,”iPad”,”android”,”Nokia”,”SymbianOS”,”Symbian”,”Windows Phone”,”Phone”,”Linux armv71″,”MAUI”,”UNTRUSTED/1.0″,”Windows CE”,”BlackBerry”,”IEMobile”);
for(var i=0;i<os.length;i++)
{
if(thisOS.match(os[i]))
{
window.location=url;
}

}
//因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认
if(navigator.platform.indexOf(‘iPad’) != -1)
{
window.location=url;
}
//做这一部分是因为Android手机的内核也是Linux
//但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断
var check = navigator.appVersion;
if( check.match(/linux/i) )
{
//X11是UC浏览器的平台 ,如果有其他特殊浏览器也可以附加上条件
if(check.match(/mobile/i) || check.match(/X11/i))
{
window.location=url;
}
}
//类in_array函数
Array.prototype.in_array = function(e)
{
for(i=0;i<this.length;i++)
{
if(this[i] == e)
return true;
}
return false;
}
}
mobile_device_detect(“http://m.your-website.com”);
</SCRIPT>

以上就是移动访问PC端网站跳转到移动端网站实现的代码,茹莱神兽个人博客网站近段时间工作经常会遇到类似的问题,于是就打算通过网络整理一些方法,希望能够解决您的问题。

本文地址: https://www.badpon.com/363.html,作者茹莱神兽,转载请注明出处。

赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
免责申明:本站部分内容、图片来源于网络,版权归原作者所有,如有侵权,请联系底部QQ邮箱,本站将及时删除,谢谢!

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

微信扫一扫打赏

error: Content is protected !!