html - 如何使用 IE 11 在以前版本的 IE 上全面测试我的网站?

标签 html internet-explorer cross-browser internet-explorer-11

使用 IE 10 在旧版 IE 上测试我的网站非常容易,并且始终可以正常工作,我只是转到开发人员工具,从菜单中选择我想要的版本,我没有遇到任何问题。

现在,在升级到 IE 11 之后,我在使用这种测试方法时遇到了一些问题。首先,我在 HTML 注释中放入的内容,如 <!--[if lt IE 10]>不要再显示了。其次,我几天前在旧版 IE 上使用 IE 10 测试的同一网站在 IE 11 上进行相同测试时看起来非常不同。

那么,为什么会发生所有这些事情,我该如何解决呢?

最佳答案

Internet Explorer 11 附带了一套相当不错的模拟工具。如果您知道 Internet Explorer 10 中报告了哪些问题,您可以尝试在仿真中复制这些问题。如果成功,您很可能可以在仿真过程中继续解决这些问题。

enter image description here

有时您可能会遇到一些无法在仿真中重现的问题,而是需要 Internet Explorer 10(或与此相关的任何其他版本)的 native 实例。此时你真的只有几个选择:

  1. 浏览器中的虚拟机 ( http://browserstack.com )
  2. 桌面上的虚拟机 ( http://modern.ie )

每个选项都有自己的优点和缺点。浏览器内的虚拟机可以非常快速地启动,并且不需要大量的系统资源来运行。话虽这么说,但体验可能会起伏不定,不利于解决依赖于低延迟的问题。

桌面仿真非常棒,因为您有更接近 native 的感觉。不幸的是,这意味着您需要下载非常大的文件才能让第二个操作系统在您当前的操作系统中运行。此外,您可能会发现自己在处理配置等问题。

我个人结合使用两者,具体取决于我目前尝试解决的问题。不过,作为一种好的做法,编写清晰有效的标记,以及使用渐进式增强和功能检测等最佳做法来提供备用代码路径,可以降低您不得不花费大量时间调试任何内容的可能性。

关于html - 如何使用 IE 11 在以前版本的 IE 上全面测试我的网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19983988/

相关文章:

javascript - 不使用 'table'创建动态html表

html - CSS - 在 safari 中过渡不流畅

javascript - 项目中放置带有 polyfill 文件以支持跨浏览器 JavaScript 的最佳位置

Javascript:如何确定链接是否指向与其所在页面相同的域?

events - GWT FocusPanel、Tab 键和焦点处理程序

jquery - 使用 html2canvas 更改背景无法正常工作

javascript - DIV 风格和 DIV 位置不一致

javascript - IE 显示 innerHTML 的运行时错误

css - IE8及以下版本如何处理媒体查询

javascript - 有没有办法在 IE 中阻止我的网站并让它在所有其他浏览器中工作