瀏覽器版本檢測接口封裝
阿新 • • 發佈：2017-07-10
cti agen cnblogs 代碼 msi doctype 接口 title ctype
最近在做公司PC端低版本瀏覽器兼容性問題，現將檢測瀏覽器版本號接口封裝一下，和大家一起分享交流下。
browserCheck.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>瀏覽器版本檢測接口封裝</title> <script src="browserCheck.js"></script> <script>window.onload = function () { top.CY.BrowserCheck.getBrowserInfo({ IE: 10, Firefox: 10, Chrome: 21, SafariWindow: 500, Safari1Mac: 500, }, function (results) { if (results) { alert(‘您的瀏覽器版本太低!‘); } else { alert(‘您的瀏覽器版本正常!‘); } }); } </script> </head> <body> </body> </html>
browserCheck.js
if (!window.CY) window.CY = {}; var CY = window.CY; CY.BrowserCheck= { getBrowserInfo: function (obj, callback) { var agent = navigator.userAgent.toLowerCase(); //判斷是否是Windows操作系統 var isWin = (navigator.platform == "Win32") || (navigator.platform == "Win64") || (navigator.platform == "Windows"); //判斷是否是Mac操作系統 var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); //獲取當前瀏覽器版本號 var version_ie = (agent.match(/msie [\d.]+;/gi) + "").replace(/[^0-9.]/ig, "").split(".")[0]; var version_ff = (agent.match(/firefox\/[\d.]+/gi) + "").replace(/[^0-9.]/ig, "").split(".")[0]; var version_chrome = (agent.match(/chrome\/[\d.]+/gi) + "").replace(/[^0-9.]/ig, "").split(".")[0]; var version_saf = (agent.match(/safari\/[\d.]+/gi) + "").replace(/[^0-9.]/ig, "").split(".")[0]; var flag = false; if (isWin) { //IE if (agent.indexOf("msie") > 0 && version_ie < obj.IE) { flag = true; } //firefox if (agent.indexOf("firefox") > 0 && version_ff < obj.Firefox) { flag = true; } //Chrome if (agent.indexOf("chrome") > 0 && version_chrome < obj.Chrome) { flag = true; } //Safari if (agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0 && version_saf < obj.SafariWindow) { flag = true; } } if (isMac) { //Safari if (agent.indexOf("safari") > 0 && version_saf < obj.Safari1Mac) { flag = true; } } flag == true ? callback(true) : callback(false) } }
代碼DEMO: 鏈接: http://pan.baidu.com/s/1eRSarlw 密碼: 87r8
瀏覽器版本檢測接口封裝