Internet Explorer 兼容性灾难
Posted
技术标签:
【中文标题】Internet Explorer 兼容性灾难【英文标题】：Internet Explorer compatibility disaster 【发布时间】：2012-07-18 01:19:56 【问题描述】：我现在处于完全灾难性的境地。
根据 Google Analytics（分析），我网站 96% 的用户使用 Chrome 和 Firefox。不过，我们有一位非常重要的客户将于下周初加入……他们的整个组织都将使用 Internet Explorer。
我需要一些方法来快速使我的网站的核心功能与 IE 兼容。如果有必要，我可以向咨询公司付费，但我不知道让我的网站与 IE 兼容的第一件事——我不知道 IE 开发工具，我不知道为什么 IE 不兼容的第一件事'没有正确渲染东西。
解决我的问题的最佳方法是什么？我什至没有看到与 IE 等效的 firebug/inspect 元素。我现在只担心 IE 9 - 这家公司肯定在最新的 IE 上。
告诉我，我完全惊慌失措！
【问题讨论】：
按 F12 看看会发生什么... 按F12，您将获得比萤火虫更好的开发工具。还有什么问题，什么不起作用？你使用html5，那么你需要使用HTML5shiv。您的网站 W3C 有效吗？
+1 为问题标题，为 Internet Explorer（此处为前网页设计师）这一互联网癌症提供了正义。抱歉，我不能提供更多帮助...
IE 9 具有相对可靠的标准遵守。 IE 8 也不错。 真的 惹恼了前端开发人员的 7 岁及更早。你应该没事。
"它甚至不能在 IE 上使用。"您需要提供更多信息
【参考方案1】：
只要您的网站是有效的 HTML/CSS/JS 并且您不使用任何特定于浏览器的扩展程序，您就可以继续使用。
F12 将为您提供一整套开发人员工具，这些工具在查找和修复内容方面非常有用，因此请继续使用它。如果您有任何具体问题，我当然可以帮您解决。
【讨论】：
Kolink、CSS 和 JS，我认为我们还可以。我真的不想在这里分享我的网站的 URL - *** 上有消息传递或聊天功能吗？如果您能快速浏览我的网站并告诉我如何开始，我将不胜感激。我的电子邮件地址是 ringoblancke@gmail.com【参考方案2】：以下是我的建议。
-
IE tester 是在所有 IE 上测试您的网站的好工具
版本。
考虑使用针对 IE 的特定标签。喜欢：
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
如果您的网站使用 HTML5 或 CSS3，请考虑使用 modernizer。
如果您的网站在表单中使用占位符，IE 不支持它。所以考虑使用IE placeholder polyfill之类的东西。 按 F12 进入开发者工具。 IE 有一个不同的box model。 这是一篇讨论 how IE handles various CSS properties 的文章。 说服您的客户不要使用 IE。（开玩笑..）我知道这个列表会一直持续下去。当您遇到特定问题时，可能会问另一个问题。祝你好运。
【讨论】：
【参考方案3】：如果我处于你的位置，我不会修改现有的工作网站页面，我会复制它，进行更改以使其在 Internet Explorer 中工作，然后让你的网站检测他们正在使用的浏览器并加载适当的工作页面。考虑到您需要尽快进行这些更改，您不想冒险更改会破坏网站在 Firefox 和 Chrome 中的显示方式的内容。
【讨论】：
以上是关于Internet Explorer 兼容性灾难的主要内容，如果未能解决你的问题，请参考以下文章
Angular 应用程序与 Internet Explorer 的兼容性
Internet Explorer 11 中的 <audio> 标记兼容性
与 Internet Explorer 兼容的带音频录制的视频
如何使 svg 蒙版图像与 Internet Explorer 兼容