JS怎样检测浏览器内的脚本

发布网友发布时间：2022-04-20 19:38

共2个回答

懂视网时间：2022-05-15 09:16

这次给大家带来JS怎样检测浏览器内的脚本，JS检测浏览器内脚本的注意事项有哪些，下面就是实战案例，一起来看一下。

以下是完整的用户代理字符串检测脚本，包括检测呈现引擎、平台、Windows操作系统、移动设备和游戏系统。

var client = function(){ 
 // 呈现引擎 
 var engine = { 
 ie: 0, 
 gecko: 0, 
 webkit: 0, 
 khtml: 0, 
 opera: 0, 
 // 完整的版本号 
 ver: null
 }; 
 
 // 浏览器 
 var browser = { 
 // 主要浏览器 
 ie: 0, 
 firefox: 0, 
 safari: 0, 
 konq: 0, 
 opera: 0, 
 chrome: 0, 
 // 具体的版本号 
 ver: null
 }; 
 // 平台、设备和操作系统 
 var system = { 
 win: false, 
 mac: false, 
 x11: false, 
 
 // 移动设备 
 iphone: false, 
 ipod: false, 
 ipad: false, 
 ios: false, 
 android: false, 
 nokiaN: false, 
 winMobile: false, 
 
 // 游戏系统 
 wii: false, 
 ps: false
 }; 
 
 // 检测呈现引擎和浏览器 
 var ua = navigator.userAgent; 
 if (window.opera){ 
 engine.ver = browser.ver = window.opera.version(); 
 engine.opera = browser.opera = parseFloat(engine.ver); 
 } 
 else if (/AppleWebKit/(S+)/.test(ua)){ 
 engine.ver = RegExp["$1"]; 
 engine.webkit = parseFloat(engine.ver); 
 
 // 确定是Chroeme还是Safari 
 if (/Chrome/(S+)/.test(ua)){ 
 browser.ver = RegExp["$1"]; 
 browser.chrome = parseFloat(browser.ver); 
 } else if (/Version/(S+)/.test(ua)){ 
 browser.ver = RegExp["$1"]; 
 browser.safari = parseFloat(browser.ver); 
 } 
 else { 
 // 近似地确定版本号 
 var safariVersion = 1; 
 if (engine.webkit < 100){ 
 safariVersion = 1; 
 } else if (engine.webkit < 312){ 
 safariVersion = 1.2; 
 } else if (engine.webkit < 412){ 
 safariVersion = 1.3; 
 } else { 
 safariVersion = 2; 
 } 
 
 browser.safari = browser.ver = safariVersion; 
 } 
 } 
 else if (/KHTML/(S+)/.test(ua) || /Konqueror/([^;]+)/.test(ua)){ 
 engine.ver = browser.ver = RegExp["$1"]; 
 engine.khtml = browser.konq = parseFloat(engine.ver); 
 } 
 else if (/rv:([^)]+)) Gecko/d{8}/.test(ua)){ 
 engine.ver = RegExp["$1"]; 
 engine.gecko = parseFloat(engine.ver); 
 
 // 确定是不是Firefox 
 if (/Firefox/(S+)/.test(ua)){ 
 browser.ver = RegExp["$1"]; 
 browser.firefox = parseFloat(browser.ver); 
 } 
 } 
 else if (/MSIE ([^;]+)/.test(ua)){ 
 engine.ver = browser.ver = RegExp["$1"]; 
 engine.ie = browser.ie = parseFloat(engine.ver); 
 } 
 
 // 检测浏览器 
 browser.ie = engine.ie; 
 browser.opera = engine.opera; 
 
 // 检测平台 
 var p = navigator.platform; 
 system.win = p.indexOf("Win") == 0; 
 system.mac = p.indexOf("Mac") == 0; 
 system.x11 = (p == "x11") || (p.indexOf("Linux") == 0); 
 
 // 检测windows操作系统 
 if(system.win){ 
 if(/win(?:dows )?([^do]{2})s?(d+.d+)?/.test(ua)){ 
 if(RegExp["$1"] == "NT"){ 
 switch(RegExp["$2"]){ 
 case "5.0": 
 system.win = "2000"; 
 break; 
 case "5.1": 
 system.win = "XP"; 
 break; 
 case "6.0": 
 system.win = "Vista"; 
 break; 
 case "6.1": 
 system.win = "7"; 
 break; 
 default: 
 system.win = "NT"; 
 break; 
 } 
 } 
 else if(RegExp["$1"] == "9x"){ 
 system.win = "ME"; 
 } 
 else{ 
 system.win = RegExp["$1"]; 
 } 
 } 
 } 
 
 // 移动设备 
 system.iphone = ua.indexOf("iPhone") > -1; 
 system.ipod = ua.indexOf("iPod") > -1; 
 system.ipad = ua.indexOf("iPad") >-1; 
 system.nokiaN = ua.indexOf("NokiaN") > -1; 
 
 // windows mobile 
 if(system.win == "CE"){ 
 system.winMobile = system.win; 
 } 
 else if(system.win == "Ph" ){ 
 if(/Windows Phone OS (d+.d+)/.test(ua)){ 
 system.win = "Phone"; 
 system.winMobile = parseFloat(RegExp["$1"]); 
 } 
 } 
 
 // 检测IOS版本 
 if(system.mac && ua.indexOf("Mobile")> -1){ 
 if(/CPU (?:Phone )?OS (d+_d+)/.test(ua)){ 
 system.ios = parseFloat(RegExp.$1.replace("_",".")); 
 } 
 else{ 
 system.ios = 2; 
 // 不能真正检测出来，所以只能猜测 
 } 
 } 
 
 // 检测Android版本 
 if(/Android (d+.d+)/.test(ua)){ 
 system.android = parseFloat(RegExp.$1); 
 } 
 
 // 游戏系统 
 system.wii = ua.indexOf("Wii") > -1; 
 system.ps = /playstation/i.test(ua); 
 
 // 返回这些对象 
 return { 
 engine: engine, 
 browser: browser, 
 system: system 
 }; 
 
 // console.log(engine); 
 // console.log(browser); 
 // console.log(system); 
}();

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

JS自执行函数与jQuery扩展使用方法

拦截器判断token失效跳转后的操作

热心网友时间：2022-05-15 06:24

/*************************************************************************
File Name: detect.js
Create Date:
Author:
Description: detect browser and operating system
***********************************************************************/
var sUserAgent = navigator.userAgent;
var fAppVersion = parseFloat(navigator.appVersion);
function compareVersions(sVersion1, sVersion2) {
var aVersion1 = sVersion1.split(".");
var aVersion2 = sVersion2.split(".");
if (aVersion1.length > aVersion2.length) {
for (var i=0; i < aVersion1.length - aVersion2.length; i++) {
aVersion2.push("0");
}
} else if (aVersion1.length < aVersion2.length) {
for (var i=0; i < aVersion2.length - aVersion1.length; i++) {
aVersion1.push("0");
}
}
for (var i=0; i < aVersion1.length; i++) {
if (aVersion1[i] < aVersion2[i]) {
return -1;
} else if (aVersion1[i] > aVersion2[i]) {
return 1;
}
}
return 0;
}
var isOpera = sUserAgent.indexOf("Opera") > -1;
var isMinOpera4 = isMinOpera5 = isMinOpera6 = isMinOpera7 = isMinOpera7_5 = false;
if (isOpera) {
var fOperaVersion;
if(navigator.appName == "Opera") {
fOperaVersion = fAppVersion;
} else {
var reOperaVersion = new RegExp("Opera (\\d+\\.\\d+)");
reOperaVersion.test(sUserAgent);
fOperaVersion = parseFloat(RegExp["$1"]);
}
isMinOpera4 = fOperaVersion >= 4;
isMinOpera5 = fOperaVersion >= 5;
isMinOpera6 = fOperaVersion >= 6;
isMinOpera7 = fOperaVersion >= 7;
isMinOpera7_5 = fOperaVersion >= 7.5;
}
var isKHTML = sUserAgent.indexOf("KHTML") > -1
|| sUserAgent.indexOf("Konqueror") > -1
|| sUserAgent.indexOf("AppleWebKit") > -1;
var isMinSafari1 = isMinSafari1_2 = false;
var isMinKonq2_2 = isMinKonq3 = isMinKonq3_1 = isMinKonq3_2 = false;
if (isKHTML) {
isSafari = sUserAgent.indexOf("AppleWebKit") > -1;
isKonq = sUserAgent.indexOf("Konqueror") > -1;
if (isSafari) {
var reAppleWebKit = new RegExp("AppleWebKit\\/(\\d+(?:\\.\\d*)?)");
reAppleWebKit.test(sUserAgent);
var fAppleWebKitVersion = parseFloat(RegExp["$1"]);
isMinSafari1 = fAppleWebKitVersion >= 85;
isMinSafari1_2 = fAppleWebKitVersion >= 124;
} else if (isKonq) {
var reKonq = new RegExp("Konqueror\\/(\\d+(?:\\.\\d+(?:\\.\\d)?)?)");
reKonq.test(sUserAgent);
isMinKonq2_2 = compareVersions(RegExp["$1"], "2.2") >= 0;
isMinKonq3 = compareVersions(RegExp["$1"], "3.0") >= 0;
isMinKonq3_1 = compareVersions(RegExp["$1"], "3.1") >= 0;
isMinKonq3_2 = compareVersions(RegExp["$1"], "3.2") >= 0;
}
}
var isIE = sUserAgent.indexOf("compatible") > -1
&& sUserAgent.indexOf("MSIE") > -1
&& !isOpera;
var isMinIE4 = isMinIE5 = isMinIE5_5 = isMinIE6 = false;
if (isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(sUserAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
isMinIE4 = fIEVersion >= 4;
isMinIE5 = fIEVersion >= 5;
isMinIE5_5 = fIEVersion >= 5.5;
isMinIE6 = fIEVersion >= 6.0;
}
var isMoz = sUserAgent.indexOf("Gecko") > -1
&& !isKHTML;
var isMinMoz1 = sMinMoz1_4 = isMinMoz1_5 = false;
if (isMoz) {
var reMoz = new RegExp("rv:(\\d+\\.\\d+(?:\\.\\d+)?)");
reMoz.test(sUserAgent);
isMinMoz1 = compareVersions(RegExp["$1"], "1.0") >= 0;
isMinMoz1_4 = compareVersions(RegExp["$1"], "1.4") >= 0;
isMinMoz1_5 = compareVersions(RegExp["$1"], "1.5") >= 0;
}
var isNS4 = !isIE && !isOpera && !isMoz && !isKHTML
&& (sUserAgent.indexOf("Mozilla") == 0)
&& (navigator.appName == "Netscape")
&& (fAppVersion >= 4.0 && fAppVersion < 5.0);
var isMinNS4 = isMinNS4_5 = isMinNS4_7 = isMinNS4_8 = false;
if (isNS4) {
isMinNS4 = true;
isMinNS4_5 = fAppVersion >= 4.5;
isMinNS4_7 = fAppVersion >= 4.7;
isMinNS4_8 = fAppVersion >= 4.8;
}
var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC")
|| (navigator.platform == "Macintosh");
var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
var isWin95 = isWin98 = isWinNT4 = isWin2K = isWinME = isWinXP = false;
var isMac68K = isMacPPC = false;
var isSunOS = isMinSunOS4 = isMinSunOS5 = isMinSunOS5_5 = false;
if (isWin) {
isWin95 = sUserAgent.indexOf("Win95") > -1
|| sUserAgent.indexOf("Windows 95") > -1;
isWin98 = sUserAgent.indexOf("Win98") > -1
|| sUserAgent.indexOf("Windows 98") > -1;
isWinME = sUserAgent.indexOf("Win 9x 4.90") > -1
|| sUserAgent.indexOf("Windows ME") > -1;
isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1
|| sUserAgent.indexOf("Windows 2000") > -1;
isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1
|| sUserAgent.indexOf("Windows XP") > -1;
isWinNT4 = sUserAgent.indexOf("WinNT") > -1
|| sUserAgent.indexOf("Windows NT") > -1
|| sUserAgent.indexOf("WinNT4.0") > -1
|| sUserAgent.indexOf("Windows NT 4.0") > -1
&& (!isWinME && !isWin2K && !isWinXP);
}
if (isMac) {
isMac68K = sUserAgent.indexOf("Mac_68000") > -1
|| sUserAgent.indexOf("68K") > -1;
isMacPPC = sUserAgent.indexOf("Mac_PowerPC") > -1
|| sUserAgent.indexOf("PPC") > -1;
}
if (isUnix) {
isSunOS = sUserAgent.indexOf("SunOS") > -1;
if (isSunOS) {
var reSunOS = new RegExp("SunOS (\\d+\\.\\d+(?:\\.\\d+)?)");
reSunOS.test(sUserAgent);
isMinSunOS4 = compareVersions(RegExp["$1"], "4.0") >= 0;
isMinSunOS5 = compareVersions(RegExp["$1"], "5.0") >= 0;
isMinSunOS5_5 = compareVersions(RegExp["$1"], "5.5") >= 0;
}
}

js检测浏览器的基本信息如:版本内核。。。

(function (win, doc, nav){/** * @des 浏览器判断脚本,兼容cmd规范 */var ua = nav.userAgent.toLowerCase (), key ={ ie : "msie", sf : "safari", tt : "tencenttraveler"},// 正则列表reg ={ browser : "(" + key.ie + "|" + key.sf + "|firefox|chrome...

aippt自动生成工具

随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图、条形...

js 检测在谷歌浏览器上是否存在IE tab插件

用navigator.plugins试试吧应该能解决代码：var plugins = navigator.pluginsfor(var i=0;i<navigator.plugins.length;i++){ alert(navigator.plugins[i].name)}

在浏览器调用js脚本会不会被服务器发现?

你的脚本内容不会被服务器发现（也发现不了），但因为你使用脚本而产生的异常请求会被发现，例如你的点击脚本在1秒钟内点击了上千次造成上千次的服务器提交请求，这就异常了，肯定会被发现的，不过一般来讲服务器都有屏蔽的技术处理，会自动忽略单一IP下过多的请求。

怎样用JS判断各浏览器调用各自的css文件?

通俗点，条件注释就是一些if判断，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，比如： 1，条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。2，IE将会根据...

怎样用JS准确的判断浏览器刷新事件

alert("这是一个关闭操作而非刷新"); window.event.returnValue = ""; //此处放你想要操作的代码 }else{ alert("这是一个刷新操作而非关闭"); } }

JS 获取浏览器内核

js模版引擎内运行js脚本

1、第一种方法，通过设置定时检查，来判断内容是否完成载入。在 {{data.content}} 中放一个 “标识”。例如：。。。然后在整个页面的脚本中，加一个定时检查器 (下面代码放在整个页面的 head 里)：var flag = false; // 一个状态标记...

浏览器执行js的过程?

浏览器怎么执行js的浏览器执行js的方法：在浏览器地址栏直接执行JavaScript脚本，也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。如输入：javascript:alert(200*75)在微信浏览器里面开启H5网页中执行JS调起支付在微信浏览器里面开启H5网页中执行JS调起支付在微信浏览器中访问你制作的HTML5...

js如何判断浏览器

简单的方法就是判断 navigator.userAgent，正则去匹配但是鉴于这个属性，浏览器厂商是可以随意修改的，某些无良厂商（比如360）就为了不被人识别出，随意修改自己的userAgent。比较靠谱的方法是采用浏览器特性检测，可以google或baidu相关内容

js代码能否实现强制开启浏览器的webgl

webgl需要浏览器支持 js不能调用任何浏览器不提供接口的功能由于启用webgl这个功能在低版本浏览器中需要用户手动开启实现性功能，浏览器并未提供接口供js使用，来开启此功能，所以不能通过js强制开启

浏览器内核在线检测 x浏览器脚本手机浏览器脚本 via浏览器脚本大全浏览器检测检测ie是不是默认浏览器手机QQ浏览器关闭网页检测我的浏览器浏览器安全检查已通过