想找一个简单的网站兼容性提示插件，网上找了好久都没找到，那么久自己动手撸一个吧。browerFilter，项目引用插件后，只需配置简单的几个属性即可生效。

browerFilter

浏览器不兼容时，进行引导提示

browerFilter

组件兼容性

• ie>=8
• chrome
• firefox
• safari
• edge
• opera

安装

    <link rel="stylesheet" href="src/index.css">
    <script src="src/index.js"></script>

用法

window.onload=function () {
            new browerFilter({
                filter:{
                    chrome:65, // 限定页面支持的浏览器最小版本
                    ie:10,
                    firefox:53
                },
                // 兼容的浏览器下载链接
                newVerUrl: 'https://dl.google.com/tag/s/appguid%3D%7B8A69D345-D564-463C-AFF1-A69D9E530F96%7D%26iid%3D%7B8E74F7DE-458E-65DD-EC25-16AB30074375%7D%26lang%3Dzh-CN%26browser%3D4%26usagestats%3D1%26appname%3DGoogle%2520Chrome%26needsadmin%3Dprefers%26ap%3Dx64-stable-statsdef_1%26installdataindex%3Dempty/update2/installers/ChromeSetup.exe',
                // 下载的文件名称
                downloadName:'ChromeSetup.exe'
            });
        };

API

options

参数	类型	默认值	描述
filter	Object	{chrome:65,ie:10,firefox:53}	限定页面支持的浏览器最小版本
title	String	您的页面似乎有兼容性问题，点击图标下载最新版Chrome！	提示文字
class	String	[空字符串]	图标样式
newVerUrl	String	chrome下载地址	浏览器下载地址
downloadName	String	ChromeSetup.exe	下载资源名称