2012-07-18 129 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中顯示網站的方式。

相關問題