UA判断打开页面的环境，然后在callBack写相应环境下的回调函数

(function(){
/*
* 使用方法：
* 一、引入ua.js
* 二、直接调用 MobilePort 对象的属性与方法。
*
* MobilePort 对象
* 属性：MobilePort.back;// 数组内容如下
* 方法：MobilePort.androidBrowser(callBack) 安卓浏览器 //callBack 回调只有在安卓浏览器下执行
* 方法：MobilePort.iosBrowser(callBack) ios浏览器 // 下面全部类似
* 方法：MobilePort.qqBrowser(callBack) QQ浏览器
* 方法：MobilePort.ucBrowser(callBack) uc浏览器
* 方法：MobilePort.wxBrowser(callBack) 微信浏览器
* 方法：MobilePort.pc(callBack) pc浏览器
* 方法：MobilePort.move(callBack) 移动浏览器
* 方法：MobilePort.androidApp(callBack, parameter) 安卓APP
* 方法：MobilePort.iosApp(callBack, parameter) IOS app
*
* callBack 是回调函数，在指定环境下执行的函数。
* parameter 是url上的参数，用于识别APP与Browser(必须)，字符串。
* 例如 www.baidu.com?from=app parameter 指 from=app
* from=app 是前后端约定好的指代 App请求的网页。
*
* back数组中可能的值：内核、浏览器、移动端平台、pc端平台、其他
* webkit Trident Presto Gecko //内核 webkit内核 Trident内核 Presto内核 Gecko内核
* IE chrome firefox opera safari //浏览器 IE浏览器 chrome浏览器 firefox浏览器 opera浏览器 safari浏览器
* UCBrowser MQQBrowser //浏览器 UC浏览器 QQ浏览器
* android ipad iphone //移动端平台 android平台 ipad平台 iphone平台
* Mac windows Linux //pc端平台 Mac平台 windows平台 Linux平台
* move wx //其他 move移动端平台 wx微信浏览器
*/

/*
* 正则赋值内核
*/
// webkit 内核
var webkit = /webkit/i;
//IE内核
var Trident = /Trident/i;
//opera内核
var Presto = /Presto/i;
//火狐内核
var Gecko = /Gecko/i;
/*
* 正则赋值浏览器
*/
// chrome 浏览器
var chrome1 = /chrome\/(\d+\.\d+)/i;
// firefox 浏览器
var firefox = /firefox\/(\d+\.\d+)/i;
// opera 浏览器
var opera = /opera(\/| )(\d+(\.\d+)?)(.+?(version\/(\d+(\.\d+)?)))?/i;
// safari 浏览器
var safari = /(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i;
// IE 浏览器
var IE = /msie (\d+\.\d+)/i;
// UC 浏览器
var UCBrowser = /UCBrowser/i;
//QQ浏览器
var MQQBrowser = /MQQBrowser/i;
/*
* 正则赋值 pc端
*/
// macintosh 系统
var Mac = /macintosh/i;
// windows 平台
var windows = /windows/i;
// Linux 平台
var Linux = /Linux/i;
/*
* 正则赋值移动端
*/
// android 系统
var android = /android/i;
// ipad 系统
var ipad = /ipad/i;
// iphone 系统
var iphone = /iphone/i;
/*
* 正则赋值其他
*/
// 移动终端
var move =
/(nokia|iphone|android|ipad|motorola|^mot\-|softbank|foma|docomo|kddi|up\.browser|up\.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam\-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte\-|longcos|pantech|gionee|^sie\-|portalmmm|jig\s browser|hiptop|^ucweb|^benq|haier|^lct|opera\s*mobi|opera\*mini|320x320|240x320|176x220)/i;
// 微信打开
var wx = /MicroMessenger/i;
var back = [];
var ua = navigator.userAgent;
//内核判断
if (webkit.test(ua)) { //webkit
back.push("webkit");
};
if (Trident.test(ua)) { //IE
back.push("Trident");
};
if (Presto.test(ua)) { //欧朋
back.push("Presto");
};
if (Gecko.test(ua)) { //火狐
back.push("Gecko");
};
//浏览器判断
if (IE.test(ua)) {
back.push("IE");
};
if (chrome1.test(ua)) {
back.push("chrome");
};
if (firefox.test(ua)) {
back.push("firefox");
};
if (opera.test(ua)) {
back.push("opera");
};
if (safari.test(ua)) {
back.push("safari");
};
if (UCBrowser.test(ua)) {
back.push("UCBrowser");
};
if (MQQBrowser.test(ua)) {
back.push("MQQBrowser");
};
//pc 平台判断
if (Mac.test(ua)) {
back.push("Mac");
};
if (windows.test(ua)) {
back.push("windows");
};
if (Linux.test(ua)) {
back.push("Linux");
};
//移动平台判断
if (android.test(ua)) {
back.push("android");
};
if (ipad.test(ua)) {
back.push("ipad");
};
if (iphone.test(ua)) {
back.push("iphone");
};
//其他
if (move.test(ua)) {
back.push("move");
};
if (wx.test(ua)) {
back.push("wx");
};
MobilePort = {};
//back 包含所有信息
MobilePort.back = back;
//android 浏览器
MobilePort.androidBrowser = function (callBack) {
if (android.test(ua)) {
callBack();
} else {
return "error";
}
};
//ios 浏览器
MobilePort.iosBrowser = function (callBack) {
if (ipad.test(ua) || iphone.test(ua)) {
callBack();
} else {
return "error";
}
};
// QQ 浏览器
MobilePort.qqBrowser = function (callBack) {
if (MQQBrowser.test(ua)) {
callBack();
} else {
return "error";
}
};
// UC 浏览器
MobilePort.ucBrowser = function (callBack) {
if (UCBrowser.test(ua)) {
callBack();
} else {
return "error";
}
};
// 微信打开
MobilePort.wxBrowser = function (callBack) {
if (wx.test(ua)) {
callBack();
} else {
return "error";
}
};
// androidApp
MobilePort.androidApp = function (callBack, parameter) {
var oUrl = location.search;
var tc = new RegExp(parameter);
if (android.test(ua) && tc.test(oUrl)) {
callBack();
} else {
return "error";
}
};
//iosApp
MobilePort.iosApp = function (callBack, parameter) {
var oUrl = location.search;
var tc = new RegExp(parameter);
if ((ipad.test(ua) || iphone.test(ua)) && tc.test(oUrl)) {
callBack();
} else {
return "error";
}
};
// pc 平台
MobilePort.pc = function (callBack) {
if (Linux.test(ua) || windows.test(ua) || Mac.test(ua)) {
callBack();
} else {
return "error";
}
}
//移动平台
MobilePort.move = function (callBack) {
if (move.test(ua)) {
callBack();
} else {
return "error";
}
}
})();

时间： 2024-10-11 04:00:17

UA判断打开页面的环境，然后在callBack写相应环境下的回调函数的相关文章

js判断当前页面在移动设备还是在PC端中打开

js判断用户的浏览设备是移动设备还是PC <script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone o

ES6判断当前页面是否微信浏览器中打开

1.使用jq判断是否用微信浏览器打开页面 var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})(); if(is_weixin){ return true; }else{ return false; } 2.使用es6判断是否用微信浏览器打开页面 let isWeiXin = () => { return navigator.userAgent

判断当前页面离开后处理数据

做一个项目,涉及到记录下当前页面的鼠标坐标,并发送给后台. 有两个步骤,一步是记录下鼠标坐标并发送后台,二步是当鼠标离开页面时停止发送数据. 记录下鼠标坐标并发送的代码,如下: // 用sta字符串记录下鼠标的坐标 var sta = ''; function changeXY(){ $(window).bind('mousemove',function(e){ var x = e.pageX; var y = e.pageY; sta += '(' + x +':' + y + '),'; }

点击微信防封短链接强制使用浏览器打开页面的遮罩层最新实现方案！

相信在微信中做推广的朋友一定都遇到这种情况的.当你需要在微信中推广的时候会发现,自己的网页被微信屏蔽了,还有就是说APP的下载链接在微信中点击是无法下载的.必须要手动点击,右上角的三个点,然后选择在浏览器中打开,才可以顺利完成! 虽然说这个对于我们比较了解微信的朋友来说是很简单,很轻松的!但是使用微信的百分之九十都是小白,他们是不知道有这部操作的. 今天要加的是一个终极解决方法:强制使用浏览器打开页面的遮罩层. 再也不用管微信如何的更新,直接判断微信的UA,然后弹出一个遮罩提示用户在浏览器中打开

JS通过设置cookie来控制弹出层，首次打开页面显示弹出层

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>JS通过设置cookie来控制弹出层,首次打开页面显示弹出层,刷新页面不再显示:关闭浏览器重新打开.清除缓存cookie显示.</title&

Python学习打开页面，关闭浏览器

通过Python的打开页面和关闭浏览器,实现对页面阅读次数的增加. 有些博客页面的阅读次数,只是简单的通过打开页面来计数的,如果是这样我们就可以通过Python进行刷阅读次数. #-*- coding: utf-8 -*- # refresh blog # 刷新博客阅读次数 # 使用打开页面,关闭浏览器的原理 # 打开10次,关闭一次浏览器 import webbrowser as web import time import os url = 'http://8796902.blog.51ct

360浏览器兼容模式打开页面错误

今天发布系统之后,客户发现问题说360和傲游都打不开右下角提示的页面而IE8可以打开,右下角图:返回404错误.我回到座位上打开系统看了下,确实如此.我仔细想了下,我平时自己开发模式下就可以,但是为啥发布了就不行了.我仔细看了下我360浏览器.原来我用的都是极速模式,webkit内核.立马切换到兼容模式下,果然挂了.让我郁闷了..话说兼容模式下用的ie内核.自己本机怎么也装的ie8,咋就不行了呢. 我打开前端代码发现有这么一句话:parent.document.getElementById("m

打开页面div滚动条定位（别用锚点）

来啦!客官久等了!!!!! 上代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>打开页面div滚动条定位</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <s

浏览器对新窗口打开页面的阻止情况

事情是这样的:我们后台人员有一个需求,希望在ajax请求成功后的回调函数里,新窗口打开一个页面.示例代码如下: $("#btn").on("click",function(){ $.ajax({ url : "opendata.html", type : "post", data : {"a" : 1}, success : function(){ window.open("http://www.