点击后辨别当前设备,并进行相应的操作(跳转、提示等)
HTML代码:
<button id="link_sel">点我吧</button>
JS代码:
<script type="text/javascript"> /*辨别当前设备是iphone还是Android*/ var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 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, //是否为iPhone或者QQHD浏览器 iPad: u.indexOf('iPad') > -1 //是否iPad }; }() } /*辨别完设备后进行相应的跳转*/ $(function(){ /*点击后触发*/ $("#link_sel").click(function(){ /*ios,ipad设备下打开时的情况*/ if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) { window.location.href = "你的链接"; } /*Android设备下打开时的情况*/ else if (browser.versions.android) { window.location.href = "你的链接"; } /*PC端打开时的情况*/ else{ alert("请更换移动设备后重试!") } }); }); </script>
/*第二种方法
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
*/