來源：零一
作者：前端印象

大家好，IE 大家都不陌生，畢竟出現在大家的視野中已經很久很久，久到有20多年，當然也因前端技術的快速更新，給需要兼容IE瀏覽器的前端程序員帶來了不少的困擾。

慢慢地，大家都在嘗試拋棄IE，比如Vue3考慮徹底放棄對IE的支持，甚至連微軟自己都決定在2021年8月17日起逐漸放棄支持IE

時間久了，對 IE 多少有點感情了，跟大家一起回顧一下跟 IE 的抗爭史吧！

利用高渲染模式

因為 IE 不兼容的東西太多了，很多人都選擇使用相對比較高級的渲染模式。

<meta?http-equiv="X-UA-Compatible"?content="IE=Edge"> //?or <meta?http-equiv=”X-UA-Compatible”?content=”IE=edge,chrome=1″/>

上面一個是使用Edge渲染模式來解析代碼；下面這個則是使用Chrome內核，但你用Chrome內核也得用戶安裝了才行啊，很多電腦僅有一個IE，你根本拿它沒辦法。

害！治標不治本的辦法

我是Mac，哪來的IE？

直接好家伙！很多程序員的電腦都是Mac，你讓我如何從macOS系統里給你找IE瀏覽器出來啊？要不....再配一臺Windows電腦？拉倒吧！

幸虧很多國產瀏覽器都提供了IE內核，也就是說你可以切換至IE內核，強行模擬IE瀏覽器進行調試，但這始終只是模仿呀，又不是真實環境

那只能安裝一個非常占空間的虛擬機，借助它提供的Windows環境來調試IE瀏覽器了。

總之就是頭疼！

ECMAScript?新語法我一個用不了

大家用的最多的就是ES5的語法了吧，或者說在大多數人的概念里，ES5應該是很低級的語法了，然而不爭氣的 IE 連對ES5的兼容性也不是那么完美

那么能怎么辦呢？總不能說為了兼容IE，放棄使用很多方便的新語法吧~?其實不止IE對ECMAScript新語法兼容性不好，這個支持程度都要看瀏覽器廠商的態度和效率的。所以我們也不得不為了兼容大部分瀏覽器而做各種"退化"操作，比如出了ES6的語法，而我們卻用ES5的語法去實現一遍ES6的語法（偷偷問一句，很多面試題是不是就這么來的？）

總之這么做不是個辦法，所以也孕育出了JQuery，它最大的好處就是幫我們簡化了代碼、做足了瀏覽器兼容，比如正常情況下元素的事件綁定和移除我們分別用的都是?addEventListener和 removeEventListener，而IE呢，分別是?attachEvent和 detachEvent。還有Ajax請求的寫法，IE也有它單獨的方法，正常的Ajax構造函數是XMLHttpRequest，而IE則是?ActiveXObject

還好這些兼容JQuery都幫我們做了，那個時代，誰不夸一句JQuery好呢？真的難以想象，要是沒有站在巨人的肩膀上，開發得多累啊！

再bb一句，即使有了JQuery，IE還是有好多要兼容的地方，要吐了

CSS的使用總是差強人意

CSS3能讓我們用簡潔的語法完成花里胡哨的樣式，而IE不允許。

現在最最最常用的Flex布局，IE9及以下都不支持，及時IE10、IE11兼容程度也不是很理想。

那么怎么辦？

當然是回歸原始了，定位、浮動梭哈！當然也可以用table布局咯~

---

IE瀏覽器的CSS兼容能有多BT？

<!--[if?IE?6?]><?link?rel="stylesheet"?type="text/css"?media="all"?href="./ie6.css"?/> <?![endif]--><!--[if?lte?IE?8?]>?<link?rel="stylesheet"?type="text/css"?media="all"?href="./assets/css/ie8.css"?/>? <![endif]-->

條件注釋是一種 IE 專有的、對常規（X）HTML 注釋的 Miscrosoft 擴展。看代碼也大致能猜到啥意思了，就是針對不同的IE瀏覽器版本，加載不同的樣式文件，這這這...這也太麻煩了

路由支持程度不好

前后端不分離的時代過去以后，SPA的單頁面應用成為了當前的主流，那么路由的管理也就非常重要。眾所周知，路由一共有兩種：Hash 和 History，前者沒啥好說的，沒啥兼容問題，但url會顯得很丑；后者是HTML5新增的API，所以會有些兼容性問題，尤其是IE，但它解決了前者的缺點，所以更多人還是喜歡用后者。

咋整？我寫個SPA應用并且用了History管理路由，放到IE9及以下的瀏覽器上就不管用了？

其實就連市面上很成熟的Router庫都沒有兼容IE9及以下的瀏覽器，像vue-router對于IE9及以下不支持html5 history新特性，如果在IE9及以下的版本則自動降級為Hash。

那么放在普通的項目中，我們該如何使用History路由呢？同樣是站在巨人的肩膀上，借助一個叫 HTML5-History-API 的庫即可，這個庫就很明確告訴你是兼容IE9及以下的版本的。

IE退休了

IE終于要退出歷史舞臺了，2021年5月19日，微軟公司正式宣布，歷時26年后，IE瀏覽器將于2022年6月15日停用。也就是說IE將永遠停留在IE11版本，微軟也終于接受了現實。

他們是心甘情愿放棄IE的嗎？當然不是，存活26年的IE之所以能火起來只不過是得益于最先搶占市場以及Windows的捆綁安裝，而產品不用心維護迭代，最終還是被那些優秀的瀏覽器給打敗了，放眼望去，在PC端的IE市場占有率僅有1%多一點，早已被其它瀏覽器甩在后頭了。

圖來自于Statcounter

近日，谷歌搜索也發推特說明他們將不再支持IE11，原因很簡單，維護成本太大，這不就是我們開發時兼容IE的心聲嘛！

一些思考

IE提前退出歷史舞臺，是因為它的不作為，與主流瀏覽器的不統一，獨樹一幟。程序員們的訴求是什么呢？希望市場上的瀏覽器能盡可能得統一，能按照同一套規范來實現功能，這樣能促使瀏覽器語言的快速發展與展現，所有的注意力能放在業務、功能上，而不是兼容這個兼容那個！

好了，最后我再皮一下，下一個遭殃的瀏覽器是誰呢？評論區留下你的吐槽~

往期推薦

Facebook 遭遇史詩級故障！

數學在左，人生在右

Redis很厲害，使用規范來啦

攜手開發者，一起精準打造數智未來！

點分享

點收藏

點點贊

點在看

總結

以上是生活随笔為你收集整理的那些与 IE 相伴的日子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。