當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...
生活随笔
收集整理的這篇文章主要介紹了
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[完美]原生JS獲取瀏覽器版本判斷--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各種使用Chrome和IE混合內核的瀏覽器 原文:[完美]原生JS獲取瀏覽器版本判斷--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各種使用Chrome和IE混合內核的瀏覽器
截至自2017-08-11，支持現世已出的幾乎所有PC端瀏覽器版本判斷。
?
受支持的PC端瀏覽器列表：
| Edge |
| IE |
| Chrome |
| Firefox |
| Opera |
| Safari |
| QQ瀏覽器 |
| 360系列瀏覽器 |
| 使用IE內核的非主流瀏覽器 |
| 使用Chrome內核的非主流瀏覽器 |
| 使用混合內核的非主流瀏覽器 |
?
獲取瀏覽器版本方法：
function getBroswer(){var sys = {};var ua = navigator.userAgent.toLowerCase();var s;(s = ua.match(/edge\/([\d.]+)/)) ? sys.edge = s[1] :(s = ua.match(/rv:([\d.]+)\) like gecko/)) ? sys.ie = s[1] :(s = ua.match(/msie ([\d.]+)/)) ? sys.ie = s[1] :(s = ua.match(/firefox\/([\d.]+)/)) ? sys.firefox = s[1] :(s = ua.match(/chrome\/([\d.]+)/)) ? sys.chrome = s[1] :(s = ua.match(/opera.([\d.]+)/)) ? sys.opera = s[1] :(s = ua.match(/version\/([\d.]+).*safari/)) ? sys.safari = s[1] : 0;if (sys.edge) return { broswer : "Edge", version : sys.edge };if (sys.ie) return { broswer : "IE", version : sys.ie };if (sys.firefox) return { broswer : "Firefox", version : sys.firefox };if (sys.chrome) return { broswer : "Chrome", version : sys.chrome };if (sys.opera) return { broswer : "Opera", version : sys.opera };if (sys.safari) return { broswer : "Safari", version : sys.safari };return { broswer : "", version : "0" }; }?
使用示例：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> function getBroswer(){var Sys = {};var ua = navigator.userAgent.toLowerCase();var s;(s = ua.match(/edge\/([\d.]+)/)) ? Sys.edge = s[1] :(s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;if (Sys.edge) return { broswer : "Edge", version : Sys.edge };if (Sys.ie) return { broswer : "IE", version : Sys.ie };if (Sys.firefox) return { broswer : "Firefox", version : Sys.firefox };if (Sys.chrome) return { broswer : "Chrome", version : Sys.chrome };if (Sys.opera) return { broswer : "Opera", version : Sys.opera };if (Sys.safari) return { broswer : "Safari", version : Sys.safari };return { broswer : "", version : "0" }; } var abc = getBroswer(); alert("broswer:"+abc.broswer+" version:"+abc.version); </script> </head> <body> <div>Demo</div> </body> </html>?
PS：
之前犯了個錯誤，沒有考慮到rv和msie兩種瀏覽器特征并存的可能，直到在一個香港客戶的IE11里發現這個問題。
所有這里，需要考慮到瀏覽器版本判斷的優先級，而這個優先級，按照瀏覽器發布時間的規律來排列，更新發布的瀏覽器的特性判斷應該放在更前面。
posted on 2017-12-02 16:07 NET未來之路 閱讀(...) 評論(...) 編輯 收藏轉載于:https://www.cnblogs.com/lonelyxmas/p/7954578.html
總結
以上是生活随笔為你收集整理的[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 注意1：图像插值理论的理解
- 下一篇： RequireJS 主入口加载模块经常会