前端開發,開發人員怎麼方便的自測IE各個版本?

01-29

前端開發中,非移動端一般需要兼容PC端的IE瀏覽器.(IE6-IE11).有些問題在開發和測試期間並沒有發現,但上線一段時間後,偶爾會在ie的某一版本中出現.
比如IE10.開發用的機器一般不會同時開發有如此多的IE瀏覽器版本(我本人就是mac開發,虛擬機弄了個win7,測試一些ie的基本情況).
測試當然是有各種瀏覽器的測試方法,但測試通過jira提了bug給開發者後,開發者是不太方便跑到測試的機器上去要求調試排查的,因為測試也有活要干.

我常見的開發者在自己的機器上有以下幾種方法解決IE多版本調試的問題:
1、裝虛擬機工具,然後創建出多個windows的虛擬機,然後在不同的虛擬機中安裝不同的IE版本.
2、使用IETests等工具.
第一種方法,顯的特別的笨重.(我目前使用這種方法.)

第二種方法倒是很輕便,問題是IETests本身不太好用.
還有其他更好的解決方案嗎?

實際上只要兼容IE8和11兩個版本就可以了。一個是XP用戶的最高IE版本，一個是Win7和8上目前的IE版本。

如果你非要兼容的話……微軟官方也為你們提供了很多工具，例如Interoperability, Browser Cross Platform Testing

這一頁上許多工具都非常實用。微軟為你提供了：

·只含IE的Windows虛擬機鏡像。從IE6 ON XP到IE11 ON WIN10都有。不過這些鏡像本身都是針對Windows上虛擬機軟體的，所以我不是很確定你用VMware Fusion或者Virtualbox on Mac能否奏效……

·BrowserStack，也是虛擬機……不過作用和Remote IE差不多，可以模擬各種瀏覽器，還帶了開發工具。唯一的缺點是略貴……

·Remote IE，目前完全免費，缺點是只支持最新的IE。

·Compatibility Scan，完全免費，速度很快，缺點是只支持最新的IE

使用Hyper-V + Checkpoints，實現各種IE版本秒切。

創建一個Windows 7的虛擬機，默認IE8。
裝好你要的所有前端需要的工具，Fiddler、HTTPWatch等。
創建檢查點
升IE9，創建檢查點。
升IE10，創建檢查點。
升IE11，創建檢查點。

需要用哪個版本的IE時，直接應用某個版本的檢查點就行了，5秒內就能切換過去。

Hyper-V的缺點就是不能共享主機的剪貼板，傳文件比較麻煩。

如果公司提供足夠資源的話，也可以申請多台遠程的虛擬機，用RDCManager來管理，這個的優點就是：不耗費本地資源，可以共享剪貼板，文件傳輸方便。

modern.ie 已經關閉了，目前移動到Edge dev網站，而且移除了IE6/IE7 on Windows XP

Free Virtual Machines from IE8 to MS Edge

垃圾知乎, 不玩了

現在新版的IE瀏覽器都有這個功能，可以選擇IE7到IE10的瀏覽器模式，還是挺靠譜的，我一般是用這個加IEtester就差不多了，而且前端開發的兼容性bug，說到底來來去去就是那麼幾個，代碼寫多了，就會自動規避那些大坑，、就像你明明知道前面有坑，你還會跳進去嗎？我現在寫代碼基本上不檢查兼容性問題，自己已經做到心中有數，所以我認為最好的方法就是寫代碼得規範，這是我的建議，當然JS兼容性另說。