ie mojo

網頁設計師討厭IE的理由很簡單:

  1. 當你寫了正確的HTML跟CSS,所有其他瀏覽器都正常,IE總是無法正常顯示。
  2. 當你寫了錯誤的HTML跟CSS,所有其他瀏覽器都不正常,IE卻總是能夠正常顯示。

這也就是說,任何網頁設計師,倘若只為IE做設計,那麼,無異於走一條背道而馳、再努力也只是加速專業退化的路。

IE對於先進網頁標準規格支援(諸如CSS3HTML5)的貧乏,早有「CSS3 ドラえもん」這個知名案例可以實測一探究竟。

同樣點進「CSS3 ドラえもん」這個頁面。

FireFox的使用者看到的是這樣的哆啦A夢(ドラえもん/小叮噹)

FireFox doraemon

Chrome的使用者看到的是這樣更趨近完美的哆啦A夢:

Chrome doraemon

反觀IE的使用者看到的……則是:

IE doraemon

但,IE霸佔瀏覽器龍頭多年,豈是省油的燈。

要說奇技淫巧,IE隨便也可以放幾個大絕,跟FireFox、Chrome叫陣:「這個你會嗎?」

ie mojo

8 留言

hlb寫道…
最後一張是改圖還是真相啊,太厲害了吧。
Jas寫道…
此乃江湖上隱姓埋名之前輩所貢獻,出處已不可考。
按常理推,當然是有圖便是真相。
相信大家多少也見識IE放這個大絕,只不過通常是當下死機,沒辦法截圖而已吧。
SR資源館寫道…
要反 IE 麻煩也查查資料好不好
哆啦A夢 CSS3 測試早就被踢爆了...
這個測試故意使用某些瀏覽器獨有的代碼
例如:-webkit開頭的、-moz開頭的

http://www.sr-webs.com/bbs.cgi?no=5016
Jas寫道…
其實這種東西是常識,不大需要再去查什麼資料。
倒是,你的留言很喜感,居然還用了踢爆這麼歡樂的字眼。
只可惜CSS3 ドラえもん偏是塊鐵板。
你用Opera開一下就知道了。
拿圓角效果為例,雖然它寫了-webkit-border-radius給Chrome跟Safari;寫了-moz-border-radius給Firefox,但,它同時也寫了border-radius要給只要支援CSS3的任何先進瀏覽器。
Wikipedia寫道…
「拿圓角效果為例,雖然它寫了-webkit-border-radius給Chrome跟Safari;寫了-moz-border-radius給Firefox,但,它同時也寫了border-radius要給只要支援CSS3的任何先進瀏覽器。」

需要為 Chrome, Safari, Firefox 寫各自廠商自創的 tag,就意味著他們都不是支援CSS3的任何先進瀏覽器。
〈事實上,要寫一個網頁只讓IE讀更簡單,但是這種比較沒有任何意義。〉

拿一個某個瀏覽器的狂熱支持者寫的「專為特定某個瀏覽器設計」的網頁,來質疑 IE 對標準的支援,我只能說:可笑!

另外,CSS3 標準根本就還在開發中,根本就還沒定案,這樣也可以拿來比...

http://en.wikipedia.org/wiki/Cascading_Style_Sheets
W3C寫道…
這個「CSS3 ドラえもん」雖然自稱 CSS3,但其實根本就不是 CSS3。應該稱之為「無恥廠商亂加標準展示大會」,哆啦A夢畫的越漂亮的越無恥。

〈太多無恥廠商想把自己的標準塞進還未定案的 CSS3 了,IE 和 Netscape 當年瀏覽器大戰的奧步,居然延續至今...〉

p.s. 附帶一提,目前對 HTML5 支援的最好的是 IE9 Platform Preview 4 喔!

W3C 的官方測試頁面:
http://test.w3.org/html/tests/reporting/report.htm
匿名表示…
XP又不能裝IE9
匿名表示…
台灣人網路的觀點只有IE
台灣人電腦的觀點只有M$
也不是稀奇的事

跟不上世界的潮流
愛當次等
愛用落後的科技
還真阿Q

小的我的言論看起來很偏激
自己去看看
世界各地的銀行和證卷網站
有像台灣人的銀行
沒有directX就會當的
較新的 較舊