推荐一个浏览器兼容性提示弹窗控件 Browser Blocker

2015-10-26 13:21:19 +08:00
 Kamato

Browser Blocker

GitHub 仓库：点击查看
阻止使用旧版 IE 浏览器的用户访问你的网站，并给他们一个友好的提示窗，告知他们升级浏览器。
弹窗的样式和功能已经在 IE6-9 中测试，以保证功能和外观的一致性。

使用

  1. 将 browser-blocker 文件夹放到你的项目目录中.

  2. 在页面的<head>标签中引入 browser-blocker.css 和 browser-blocker.js。记得使用条件注释，保证 Browser Blocker 只在指定的旧版 IE 浏览器中起效。

    <!--[if lte IE 8]>
<link rel="stylesheet" href="browser-blocker/browser-blocker.css">
<script src="browser-blocker/browser-blocker.js"></script>
<![endif]-->

  3. 把下面的 html 代码复制到页面的<body>标签里，推荐放到</body>标签前面。你可以在 dialog.html中查看全部的 html 代码.与 2 同理，使用条件注释以保证这段 html 代码只在对应的旧版 IE 浏览器中起作用.

    <!--[if lte IE 8]>
<div id="bb-container">
    <div class="bb-modal">
        ...
    </div>
    <div class="bb-mask"></div>
</div>
<![endif]-->
3652 次点击
所在节点    前端开发
0 条回复

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/231132

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX