本文实例讲解了js判断当前页面在移动设备还是在PC端中打开的详细代码,分享给大家供大家参考,具体内容如下
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.*/), //是否为移动终端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, //是否iPadwebApp: u.indexOf("Safari") == -1 //是否web应该程序,没有头部与底部};}(),language: (navigator.browserLanguage || navigator.language).toLowerCase()}if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面var ua = navigator.userAgent.toLowerCase();//获取判断用的对象if (ua.match(/MicroMessenger/i) == "micromessenger") {//在微信中打开 setInterval(WeixinJSBridge.call("closeWindow"),2000);}if (ua.match(/WeiBo/i) == "weibo") {//在新浪微博客户端打开}if (ua.match(/QQ/i) == "qq") {//在QQ空间打开}if (browser.versions.ios) {//是否在IOS浏览器打开} if(browser.versions.android){//是否在安卓浏览器打开}} else {//否则就是PC浏览器打开window.close();}代码二:
js判断用户的浏览设备是移动设备还是PC最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式,主要是判断移动设备还是电脑浏览器访问的。
下面给出js判断处理代码,以作参考。
<script type="text/javascript">function browserRedirect() {var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";var bIsMidp = sUserAgent.match(/midp/i) == "midp";var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";var bIsAndroid = sUserAgent.match(/android/i) == "android";var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";document.writeln("您的浏览设备为:");if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {document.writeln("phone");} else {document.writeln("pc");}}browserRedirect();</script>我用电脑上的浏览器,android设备,iphone,ipad均做过测试,此代码可行,各设备判断均正确。
以上就是本文的全部内容,希望对大家的学习有所帮助。