iT邦幫忙

DAY 27
5

新手前端日記系列 第 27

[新手前端] 你還在點[網際網路]上網嗎? 快把IE換掉吧!!

這雖然和前端技術有點像是扯不上關係
但是這和前端的美好未來可能有很多的關係,私心啦!!

你知道判斷一個網站有沒有運用HTML5技術最好的方法嗎? 就是用IE開啊!!!
不會動的那個就是HTML5了 =o<啾咪~

(照片是應在G+的觀眾要求的,可惜我這篇沒怎麼講到HTML5 Orz)

你在用電腦上網的時候,還是點一下藍色的網際網路,然後連到YAHOO首頁嗎?

其實那個藍色的e字是微軟,也就是電腦的作業系統開發的上網工具,叫做Internet Explorer,簡稱IE

這些上網工具通稱瀏覽器,包括IE在內,
其他主流的還有 FF (FireFox)、Chrome (Google瀏覽器)、Safari (Mac瀏覽器)等等…
市面上有數十種,各具特色的瀏覽器

因此IE並不等於網路,他只是數十種上網工具其中一種,而且還是滿爛的那一種….
可是在微軟強大的市佔率之下,被直接附加於Windows系統的IE,還是有超過5成的市佔率

介紹什麼是瀏覽器,和搜尋引擎有什麼不同的影片↓
http://www.youtube.com/watch?feature=player\_embedded&v=BrXPcaRlBqo

這麼多人用的東西,為什麼要說他不好呢?
最直接的原因是因為IE不合群

網路在發展的過程中設定出一個共通的語言,就像書同文車同軌一樣,讓軟體在上網時能有共同的標準
但是IE在設計時並不採用大家製訂出來的準則,而是選擇使用只屬於IE的”例外”規則

(為什麼要這麼做呢? 八成就是為了維護自己的市佔率吧…
因為市佔率高還有作業系統綁架,很多人不得不使用IE ,一但和別人比較,IE就明顯的輸掉很多地方了)

這就造成網頁在設計時很大的困擾,因為共通、標準的網頁,使用各家瀏覽器觀看都是正常的
唯獨IE會出現許多版面錯位、圖片消失、寬度變成兩倍等奇奇怪怪的BUG (這就是在設計界有名的 IE6 SUCK)

除了造成設計者為了滿足IE的特例必需大花心力去修補之外,IE在效能及安全性上也不是很好
安全性不在我的專業範圍內,但是許多工程師朋友都說過類似的事

IE 因為在安全性上有漏洞,所以很容易在你上網時被加裝木馬之類的有害軟體
造成系統速度變慢、跳出奇怪的廣告視窗、帳密被盜用等等…

另外在效能上大家很直接可以感覺到,比如說使用IE玩Facebook的臉書小遊戲比起FF或是chrome慢很多,有的人應該體驗過了

IE比較慢,可能因為他自己獨大,其他主流的browser都努力研究更快更輕巧的上網工具時,IE往往沒有跟著進步,在輕巧度上以google的chrome在速度上算是最快的

IE也不夠友善,界面上比不上FireFox的許多方便外掛
因為FF還有chrome都把原始碼公佈給所有人修改,和IE那種動不動就要告人的情況不同

FF也因為推出的出較早,市面上有許多好用的外加小程式
可以幫你翻譯網頁、一鍵開啓你常用的網頁、下載想要的東西….都只要去找plugin來安裝就好
種類多到目不暇給, 一定有正合你需要的

所以,如果你還沒聽說過其他的上網工具,現在你真的應該好好的試試看

Chrome快速輕巧,Firefox方便實用, Apple Safari 美麗大方, Opera方便客製化

這幾個都是主流而優秀的上網工具,都是免費的~

選個你喜歡的來試用,保證你很快就會明白,為什麼大家都要棄IE而去了~

如果你真的很愛用IE的話,也請記得更新IE到8以上等級喔~
而且微軟自己也希望使用者更新IE,不過很可惜XP最高只支援到IE8,如果可以的話,請大家更新到IE9以上吧,那會支持更多效果喔

因為IE6比IE8有更多奇怪的毛病啊… 喔,對了還有,youtube將不支援IE6喔…會看不到影片滴

(點此升級IE),或是點上面的ICON下載其他瀏覽器吧~

另外也請記得轉貼告訴你的朋友們,上網不是只有IE喔~

補充,還有用IE6的話…玩castle age或是其他facebook小遊戲,很容易顯示失常
攻擊鈕會不見,有時撿寶的鈕也會不見一一+

這是IE7更新時網路上流傳的漫畫

IE6: 為什麼大家都不和我玩?
Safari:滾回去!!
Opera:誰叫你老是把最酷的玩具搞壞掉
Firefox: 我真不敢相信你們是一家人, IE7.
IE7: 別提到我….

再補充一個IE搞爛W3C規定的例子
現在網路上常用的CSS3是一種用來設定網頁顯示的共通語法
但是不同的 瀏覽器 對CSS3的支援程度並不相同,目前最佳的是google的Chrome瀏覽器

以下是日本一個用來測試CSS3支援程度的網頁

小叮噹版 CSS3支援度測試頁
http://blog-imgs-42-origin.fc2.com/s/h/o/shopdd/dora\_css3.html

點進去後,完全支援的情況下你應該會看到一個眼睛會動的小叮噹 (多拉A夢)

可是用IE6,你會看到這樣↓

然後用google chrome是這樣,眼睛會轉↓

至於為啥有人改用IE之外的瀏覽器逛無名會掛掉? 原因很簡單,因為他們的網頁是用IE當基準寫的
所以就特別為了IE做了調整,來個負負得正,所以當你用正常的瀏覽器去看無名時,很多就掛掉啦~

一些註明IEonly的網頁也是如此,因為作業系統綁定的原因,所以不得不使用IE那一套例外的規則
因此像chrome或是FF都有所謂的IE tag,只要加裝了這種輔助程式,就能用他們的瀏覽器來看IEonly的網頁囉~

所以套句綿羊頭在噗裡說的話: 「對於這種因為綁定在windows中就不求上進的瀏覽器,不知道大家還在為他護航什麼」

chibc's blog | 你還在點[網際網路]上網嗎? 快把IE換掉吧!!


上一篇
[新手前端]float與clearfix -白話就是,為什麼背景底圖不見了?!
下一篇
[新手前端]CSS3動畫效果 transition, animation
系列文
新手前端日記30

2 則留言

0
ted99tw
iT邦高手 1 級 ‧ 2012-11-04 22:27:00

樓主鐵文之嗆辣程度絕不輸卡拉勁辣雞腿堡!!更不輸四川超級麻辣鍋!!

讚讚讚

ted99tw iT邦高手 1 級‧ 2012-11-04 22:29:52 檢舉

是說樓主的照片內怎麼都沒有珠寶首飾項鍊珍珠水晶瑪瑙什麼的,反而是一些奇怪的檔案夾呀~~~噎到

chibc iT邦新手 3 級‧ 2012-11-05 00:00:34 檢舉

我本來就沒有那種東西啊.... 書倒是真的很多

0
yydon
iT邦新手 5 級 ‧ 2012-11-05 00:28:47

先聲明, 我是用Chrome XD

要一個2001年發表的IE6支援到現在都還沒完全訂好標準的CSS3,會不會太強人所難了 囧
如果妳有去看小叮噹的CSS,就會發現一堆-webkit或-moz開頭這種瀏覽器專用的屬性, 這不也算是某種"例外"規則嗎?

比起IE6,我更困惑的是為什麼一堆人還在用XP...

chibc iT邦新手 3 級‧ 2012-11-05 00:43:27 檢舉

雖然憑良心來說 對IE6是不太公平的,但就結果來看

IE確實造成大家的困擾.... 所以,我很無賴的承認我對IE不盡公平,可是我是故意的=3=
理由是那一大堆IEhack花掉的時間造成的痛苦及不甘心,要叫IE付出代價 =..=+

啊... 我是壞人 (掩面

我要留言

立即登入留言