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

返回模板与插件交流区
7回复贴,共1页,点击数:2851

4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?

<script>
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://***.***.com");
</script>

只要在页面上调用mobile_device_detect(url)即可

mobile_device_detect("http://***.***.com");//里面的地址填的就是您的移动端的网站地址


今天用了下这个js,发现对windowsphone的支持不是很好,换了一种方法跳转,如下

<script>
(function(){var ua=navigator.userAgent.toLowerCase();var bIsIpad=ua.match(/ipad/i)=="ipad";var bIsIphoneOs=ua.match(/iphone os/i)=="iphone os";var bIsAndroid=ua.match(/android/i)=="android";var bIsWM=ua.match(/windows mobile/i)=="windows mobile";if(bIsIpad||bIsIphoneOs||bIsAndroid||bIsWM){window.location.href="http://输入要跳转的网址"}})();
</script>


1楼 2015/03/05 18:10

也可以直接在后台中判断

if (Request.Browser.IsMobileDevice || Request.Browser.Browser.Equals("Unknown") || Request.Browser.Browser.Equals("Mozilla"))
{
 。。。
}


2楼 2015/03/06 19:58 收起回复
发哥: 阿亮扯蛋,这是逐浪的前端开发,你都混不起清楚了。
2015/03/09 13:16 回复
匿名用户: 我忘了这个版块只关注前段
删除| 2015/03/09 13:23 回复
匿名用户: 手机端.的模板另做?
删除| 2015/03/10 12:57 回复

确实好东西,感谢分享    

3楼 2015/03/09 12:22 收起回复

又学习了

4楼 2015/03/09 12:24 收起回复

感谢分享

5楼 2015/03/09 12:29 收起回复

JS是真的没有学到那么高级,求多多指点

6楼 2015/03/09 12:32 收起回复

收藏

7楼 2015/06/25 08:37 收起回复

好的分享,保存!

8楼 2016/05/14 10:46 收起回复
您未登录,没有发贴权限[点此登录]