javascript - 模拟 Internet Explorer 的 JS 库?

标签 javascript css internet-explorer google-chrome webkit

在Webkit中有没有模拟IE的JS库?例如:IE8 目前不支持 border-radius(可能在 IE10 上)。所以我运行了一个 JS 库来检查我是否正在使用 border-radius 然后将其删除以使其类似于 IE 视觉。

我知道这是个疯狂的想法,但在 IE 上工作太慢了,如果我能在 Webkit 上模拟它,那就太好了!我也需要对自己的元素这样做。

注意:我知道有一个 Chrome 扩展程序可以制作 IE 标签页,但建议不同:我需要在 Webkit 上运行,但要删除 IE 不支持的功能。

Edit1:我正在开发一个基于 Webkit 的 IDE 来开发 HTML 模板。基本上我需要一个模拟 IE View 版本的按钮,而无需安装 IE(例如 Mac、Linux)。例如,如果有一个 Mozilla 模拟器也会很有趣。基本上我也会为每个浏览器生成一个 CSS 文件。例如:-webkit 属性不会包含在 MSIE CSS 中。 filter 不会包含在 Webkit CSS 中(但可以模拟)。

因此,我将在应用 JS 方法编辑或删除不支持的内容之前复制当前 HTML 页面,使其类似于 IE。如果 IE8 不支持 border-radius,它将被删除,我基本上会看到一个 IE 版本的页面。如果 Mozilla 不支持 -webkit-box-sizing 如果不负责任,它将重命名为 -moz-box-sizing

最佳答案

我不知道有什么脚本,坦率地说,我不希望很快看到这样的脚本,因为在不同版本的浏览器中重新创建 IE 对 CSS 的支持是一项艰巨的任务。如果像 _height 这样的未记录的 hack 也被支持的话,事情会变得更加复杂。

坦率地说,在 IE8 中测试站点的最佳方法是使用 IE8+。在 IE8 及更高版本中,Microsoft 引入了浏览器模拟,允许您从单个浏览器回退和模拟任意数量的 IE 版本 - 我每天都使用它,这是一个很棒的功能。

在 IE 中,按 F12 打开开发人员工具,然后您可以从那里将浏览器模式更改为 IE8。不需要刷新,因为浏览器会自行处理。使用此方法,您可以通过单击按钮快速测试版本 7 到 10(假设您正在从 IE10 进行测试)。

禁用 CSS3

如果您只想禁用 CSS3 功能,您可以使用 Strip Tease书签。它不是一个完全开发的解决方案,所以请记住它不会处理高级选择器等问题。

关于javascript - 模拟 Internet Explorer 的 JS 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10569512/

相关文章:

javascript - Lottie 动画和悬停 : simpler way?

javascript - MongoDB - 获取从开始日期到结束日期的数据

html - ie7 中的内联 div 问题

javascript - Bootplus 保持评论开放

html - 将内联样式表转换为外部样式表

javascript - IE 警告解决方法?包含安全和不安全项目的页面

jquery - Internet Explorer 与背景图像有奇怪的 1px 差异

javascript - 如何改变iframe的内容?

javascript - 如何通过 Angular 中的路由在 Cloud Functions 中执行对 Cloud Firestore 的添加?

html - 加载网站时 Internet Explorer 挂起