2012-07-18 136 views
5

我现在处于一个完全灾难性的情况。Internet Explorer兼容性灾难

据谷歌Analytics(分析),用户到我的网站的96%使用的是Chrome & Firefox浏览器。但是,我们有一位非常重要的客户在下周初加入......他们的整个组织将使用Internet Explorer。

我需要赶紧让我的网站IE浏览器的核心功能兼容的一些方法。如果这是必要的,我可以支付咨询公司的费用,但我不知道让我的网站IE兼容的第一件事 - 我不知道IE开发工具,我不知道为什么IE不干没有正确渲染的东西。

解决我的问题最好的方法是什么?我甚至没有看到IE的firebug/inspect元素。我现在只会担心IE 9 - 这家公司肯定是最新的IE。

让我知道,我完全恐慌!

+4

命中F12,看看会发生什么... – RobIII 2012-07-18 21:58:59

+0

辉煌 - 感谢RobIII – 2012-07-18 21:59:28

+0

按'F12',你会得到更好的开发工具比萤火虫。还有什么不对,什么不行?你使用HTML5,那么你需要使用HTML5shiv。您的网站W3C有效吗? – 2012-07-18 22:00:34

回答

1

以下是我的建议。

  1. IE tester是在所有IE版本 测试你的网站一个很好的工具。
  2. 考虑使用特定的标签目标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]--> 
    
  3. 考虑使用modernizer如果您的网站使用HTML5或CSS3。

  4. 如果您的网站在表单中使用占位符,则IE不会将其占据。所以考虑使用类似IE placeholder polyfill
  5. 按F12查看开发人员工具。
  6. IE有不同的box model
  7. 这是一篇讨论约how IE handles various CSS properties的文章。
  8. 说服你的客户不要使用IE浏览器。(开玩笑..)

我知道这个名单将继续和。当你陷入特定问题时可能会问另一个问题。祝你好运。

+0

真棒资源,非常感谢你这Ryan和Subash! – 2012-08-06 23:47:51

3

只要你的网站是有效的HTML/CSS/JS和你不使用任何特定浏览器的扩展,你要善于去。

F12会给你的全套开发工具,可以在发现和修复的东西是非常有用的,所以,尽管使用。如果您有任何具体问题,我当然可以帮助您。

+0

Kolink,CSS&JS,我认为我们很好。我真的不想在这里分享我的网站的网址 - 在stackoverflow上是否有消息或聊天功能?如果您能快速浏览我的网站并告诉我如何开始,我将非常感激。我的电子邮件地址是[email protected] – 2012-07-18 22:17:58

-1

如果我处在你的位置,我不会修改现有的,有效的网站页面,我会复制它,进行更改,以得到它在Internet Explorer中的工作,然后让你的网站检测他们所使用的浏览器和负载适当的工作页面。考虑到您需要尽快完成这些更改,您不希望冒险改变某些东西,这些东西混淆了Firefox和Chrome中显示网站的方式。