javascript - 如何隔离或调试特定于 IE 10 和 11 的问题？

Question

我组装了一个网络应用程序，在 Chrome、Firefox 和 Safari 中看起来很棒，但在 IE 10 和 11 中，它就分崩离析了。事实上，它在 IE 11 中的效果比 10 差。

在 IE 11 中，一个 <canvas>元素甚至不会出现，有些 <div>元素看起来很奇怪并且没有边框半径，即使我在 CSS 中指定了它。不幸的是，控制台中没有错误，坦率地说，我没有看到问题出在 CSS 和 JS 中。

在这样一种情况下，您真的看不到调试 IE 的任何好的起点，您会怎么做？

我希望通过 W3C Validator 和 JSHint/lint 运行东西会有所帮助，但即使是那些也完全干净。如果能找到一些工具来使这个过程更干净，除了这些提到的之外，那就太好了，但到目前为止，我还没有找到任何东西。

Answer 1

对于 some reason Microsoft 决定在 IE 8 及更高版本中启用“兼容模式”(现在在 IE 11 中更名为“仿真”)。这样做的目的是能够以旧模式查看网站，以便开发网站并查看它在旧浏览器上的外观，甚至使其在未使用当前 Web 标准进行设计的网站上“正确”工作等

不幸的是，他们已将局域网连接默认设置为开启。似乎是一个有偏差的选择，但正如特里在评论中指出的那样，这确实是一个解决方案的问题:

来自 this博文:

The solution [is] to disable IE11’s Compatibility View for intranet sites by doing Setting (gear icon) > Compatibility View Settings > uncheck “Display intranet sites in Compatibility View” checkbox. Making that configuration change immediately [gets] IE11 to start rendering the page properly.