JS手机端跳转代码

JS手机端跳转代码，通过判断浏览器版本来判断是手机端还是PC端，然后可以做相应的操作。

能够判断 IE内核，opera内核，苹果、谷歌内核，火狐内核，是否为移动终端，android终端或者uc浏览器，是否为iPhone或者QQHD浏览器，是否iPad，是否web应该程序，没有头部与底部，涵盖所有主流的浏览器。

判断手机站 browser.versions.mobile&&!browser.versions.iPad == true

	<script type="text/javascript">

	//手机端跳转代码

	var pc_style=""

	   var browser={

	    versions:function(){ 

	           var u = navigator.userAgent, app = navigator.appVersion; 

	           return {//移动终端浏览器版本信息 

	                trident: u.indexOf('Trident') > -1, //IE内核

	                presto: u.indexOf('Presto') > -1, //opera内核

	                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

	                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核

	                mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/)&&u.indexOf('QIHU')&&u.indexOf('Chrome')<0, //是否为移动终端  

	                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

	                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器

	                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器

	                iPad: u.indexOf('iPad') > -1, //是否iPad

	                webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部

	ua:u 

	            };

	         }(),

	         language:(navigator.browserLanguage || navigator.language).toLowerCase()

	} 

	if(browser.versions.mobile&&!browser.versions.iPad){

	this.location = "http://m.baidu.com/";//手机站

	}

	</script>

<title>手机端跳转代码</title>
<script type="text/javascript">
//手机端跳转代码
var pc_style=""
   var browser={
    versions:function(){ 
           var u = navigator.userAgent, app = navigator.appVersion; 
           return {//移动终端浏览器版本信息 
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/)&&u.indexOf('QIHU')&&u.indexOf('Chrome')<0, //是否为移动终端  
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
				ua:u 
            };
         }(),
         language:(navigator.browserLanguage || navigator.language).toLowerCase()
} 

if(browser.versions.mobile&&!browser.versions.iPad){
	 this.location = "http://m.baidu.com/";//手机站
}
</script>
<p>该演示页面电脑端打开无任何效果，手机打开会跳转到手机百度</p>

随机推荐

JS MD5加密代码md5.js 纯JS代码写的md5加密代码
JS MD5加密代码md5.js 纯JS代码写的md5加密代码。代码打包下载： JS MD5加密代码md5.js 纯JS代码写的md5加密代码使用方法：在页面中引用md5.js，使用md5函数来加密字符串。复制代码代码如下: script src=md5.js/script script //alert(md5(admin)); doc
input输入框默认文本点击清空，无输入显示效果
网页上用到表单的地方经常会用到这样的效果，输入框中默认的情况下会有一段引导性的文字，当用户点击输入框的时候默认的文字会被情况，当输入框失去焦点并且用户没用输入内容的时候，再次显示默认文本。本例中还添加了在不同情况下文本框中的文本颜色不同的
JS兼容多种浏览器的设为首页和加入收藏夹代码
JS兼容多种浏览器的设为首页和加入收藏夹代码，设为首页和加入收藏夹分别对应两个函数setHomePage，addFavorite。示例代码：设为首页:a href=javascript:; onclick=setHomePage(http://www.120muban.com/);设为首页/a 加入收藏夹:a href=javascript:; oncl
移动端全屏滚动插件 zepto.fullpage.js
zepto.fullpage 是专注于移动端的 fullPag e.js ，依赖 Ze pto 。下载地址: https://github.com/yanhaijing/zepto.fullpage 功能概述可实现移动端的单页滚动效果，可自定义参数，提供回调接口，和公开接口。兼容性 Ios4+ Andriod2.3+（未全部覆盖）快速
关闭网页时弹出对话框JS代码
关闭网页时弹出对话框JS代码，当访客要关闭网页时弹出挽留对话框，用户体验上差了一点，但是据统计访客停留率还是挺高的。代码效果:

JS手机端跳转代码

相关文章

随机推荐