欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

JS识别不同浏览器信息

发布时间:2025/7/25 javascript 57 豆豆
生活随笔 收集整理的这篇文章主要介绍了 JS识别不同浏览器信息 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

总所周知,不同浏览器兼容是不一致的,然而今天我在Coding的时候深深体会到那个痛苦,一样的代码在Firefox里面是没问题的,可以根据索引找到 对应的对象元素然后进行操作,但是同样的却获取不到对象元素!最后通过判断不同的浏览器而进行了不同的操作,所有就有了今天的这篇小文章。

1 <script type="text/javascript"> 2 function myBrowser(){ 3 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 4 var isOpera = userAgent.indexOf("Opera") > -1; 5 if (isOpera) { 6 return "Opera" 7 }; //判断是否Opera浏览器 8 if (userAgent.indexOf("Firefox") > -1) { 9 return "Firefox"; 10 } //判断是否Firefox浏览器 11 if (userAgent.indexOf("Chrome") > -1){ 12 return "Chrome"; 13 } //判断是否Google浏览器 14 if (userAgent.indexOf("Safari") > -1) { 15 return "Safari"; 16 } //判断是否Safari浏览器 17 if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) { 18 return "IE"; 19 }; //判断是否IE浏览器 20 } 21 22 var Browser = myBrowser(); 23 if ("IE" == Browser) { 24 alert("IE"); 25 } 26 if ("Firefox" == Browser) { 27 alert("Firefox"); 28 } 29 if ("Chrome" == Browser) { 30 alert("Chrome"); 31 } 32 if ("Opera" == Browser) { 33 alert("Opera"); 34 } 35 if ("Safari" == Browser) { 36 alert("Safari"); 37 } 38 </script>

 

转载于:https://www.cnblogs.com/jacko/p/5735549.html

总结

以上是生活随笔为你收集整理的JS识别不同浏览器信息的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。