浏览器版本检测接口封装

          最近在做公司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

 

posted @   小旭的blog  阅读(403)  评论(0)  编辑  收藏  举报
编辑推荐：
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手