Internet Explorer 兼容性灾难

Question

Internet Explorer 兼容性灾难

htmlcssinternet-explorerinternet-explorer-9

5

我现在处于非常糟糕的情况。

根据Google Analytics，我的网站96%的用户使用Chrome和Firefox。然而，我们下周初将有一个非常重要的客户加入...他们整个组织都将使用Internet Explorer。

我需要一种快速使我网站核心功能与IE兼容的方法。如果必要的话，我可以支付咨询公司的费用，但我不知道如何使我的网站与IE兼容-我不知道IE开发工具，也不知道为什么IE无法正确渲染事物。

解决我的问题的最佳方法是什么？我甚至没有看到IE的firebug / inspect element等效工具。我现在只关注IE 9-这家公司肯定使用最新版本的IE。

让我知道，我完全恐慌了！

- Ringo Blancke

4

按下 F12 然后看看会发生什么... - RobIII

2

+1 对于这个问题的标题，非常恰当地描述了互联网癌症——Internet Explorer（我曾经是一名网页设计师）。很抱歉我不能提供更多帮助... - Nicolas Miari

1

IE 9的标准遵循相对较为稳定。IE 8也不错。而真正让前端开发人员恼火的是IE 7及更早版本。你应该没问题。 - Edd Morgan

我正在Windows 7上的IE9上进行测试。该网站在大多数Firefox和Chrome版本上看起来很棒...但在IE上却无法使用。这非常令人沮丧，因为我认为没有什么神奇的“IE兼容性”工具能告诉我需要进行哪些重大调整。 - Ringo Blancke

1

它甚至在IE上都无法使用。您需要提供更多信息。 - Ryan B

显示剩余2条评论

3个回答

1

以下是我的建议。

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 有一个不同的盒模型。
这里有一篇文章讨论了 IE 如何处理各种 CSS 属性。
说服您的客户不要使用 IE。（开玩笑..）

我知道这个列表会一直增长。也许当你遇到具体问题时，可以提出另一个问题。祝你好运。

- Subash

-1

如果我处在你的位置，我不会修改现有的、正常工作的网页，而是会复制它，进行必要的更改以使其在Internet Explorer中正常工作，然后让你的网站检测用户使用的浏览器并加载相应的工作页面。考虑到你需要尽快进行这些更改，你不想冒险改变某些东西，从而导致网站在Firefox和Chrome中显示出问题。

- Dom

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Niet the Dark Absol · Accepted Answer

只要您的网站是有效的HTML/CSS/JS并且不使用任何特定于浏览器的扩展，那么您就可以顺利进行。F12将提供一整套开发人员工具，可用于查找和修复问题，请放心使用。如果您有任何具体问题，我当然可以帮您解决。