JS-检测浏览器类型及版本

简介: 1 DOCTYPE html> 2 3 4 5 6 7 8 9 10 11 function myBrowser() {12 var userAgent = navigator.
 1 <!DOCTYPE html>
 2 <html>
 3 
 4     <head>
 5         <meta charset="utf-8">
 6         <title></title>
 7     </head>
 8 
 9     <body>
10         <script type="text/javascript">
11             function myBrowser() {
12                 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
13                 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
14                 var isChrome = userAgent.indexOf("Chrome") > -1; //判断是否Opera浏览器
15                 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
16                 var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
17                 var isSafari = userAgent.indexOf("Safari") > -1; //判断是否Safari浏览器
18                 if(isIE) {
19                     var IE5 = IE55 = IE6 = IE7 = IE8 = false;
20                     var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
21                     reIE.test(userAgent);
22                     var fIEVersion = parseFloat(RegExp["$1"]);
23                     IE55 = fIEVersion == 5.5;
24                     IE6 = fIEVersion == 6.0;
25                     IE7 = fIEVersion == 7.0;
26                     IE8 = fIEVersion == 8.0;
27                     if(IE55) {
28                         return "IE55";
29                     }
30                     if(IE6) {
31                         return "IE6";
32                     }
33                     if(IE7) {
34                         return "IE7";
35                     }
36                     if(IE8) {
37                         return "IE8";
38                     }
39                 } //isIE end
40                 if(isFF) {
41                     return "FF";
42                 }
43                 if(isChrome) {
44                     return "CH";
45                 }
46                 if(isOpera) {
47                     return "Opera";
48                 }
49             } //myBrowser() end
50             //以下是调用上面的函数
51             if(myBrowser() == "FF") {
52                 alert("我是 Firefox");
53             }
54             if(myBrowser() == "CH") {
55                 alert("我是 google");
56             }
57             if(myBrowser() == "Opera") {
58                 alert("我是 Opera");
59             }
60             if(myBrowser() == "Safari") {
61                 alert("我是 Safari");
62             }
63             if(myBrowser() == "IE55") {
64                 alert("我是 IE5.5");
65             }
66             if(myBrowser() == "IE6") {
67                 alert("我是 IE6");
68             }
69             if(myBrowser() == "IE7") {
70                 alert("我是 IE7");
71             }
72             if(myBrowser() == "IE8") {
73                 alert("我是 IE8");
74             }
75         </script>
76     </body>
77 
78 </html>

原址:http://www.jb51.net/article/50464.htm

我在原基础上添加了谷歌的判断,但只有ie的有版本的判断。不过这些就够了。

目录
相关文章
|
运维 Prometheus 监控
如何在测试环境中保持操作系统、浏览器版本和服务器配置的稳定性和一致性?
如何在测试环境中保持操作系统、浏览器版本和服务器配置的稳定性和一致性?
|
JavaScript 前端开发 Java
除了 JavaScript,还有哪些编程语言支持 Set 类型
【10月更文挑战第30天】这些编程语言中的 `Set` 类型虽然在语法和具体实现细节上有所不同,但都提供了类似的集合操作功能,方便开发者在不同的编程场景中处理集合相关的数据和逻辑。
385 113
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
299 63
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
342 57
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
309 2
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
341 4
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
1727 1
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
217 5
在浏览器执行js脚本的两种方式
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
2338 1
|
机器学习/深度学习 人工智能 前端开发
【人工智能】利用TensorFlow.js在浏览器中实现一个基本的情感分析系统
使用TensorFlow.js在浏览器中进行情感分析是一个非常实用的应用场景。TensorFlow.js 是一个用于在JavaScript环境中训练和部署机器学习模型的库,使得开发者能够在客户端直接运行复杂的机器学习任务。对于情感分析,我们可以使用预先训练好的模型来识别文本中的积极、消极或中性情感。
467 4
【人工智能】利用TensorFlow.js在浏览器中实现一个基本的情感分析系统