怎麼用IETester測試網站相容性?

IETester是很多前端開發人員喜歡用來作網站相容性測試的,小編下面就來說一下IETester的簡單用法。

怎麼用IETester測試網站相容性

工具/原料

IETester軟體

方法/步驟

【下載、安裝】

開啟瀏覽器,在百度搜索欄輸入IETester,我們看到的第一個就是了,點選下載,把軟體下載下來,然後安裝。

怎麼用IETester測試網站相容性

【開啟軟體】

點選IETester快捷方式,開啟軟體我們可以看到如下介面。我們可以看到中間那一排新建IE多少,我們就選一個新建IE8.

怎麼用IETester測試網站相容性

【點選新建IE8】

這時候會出現一個新頁面,我們在上面可以看到一個數字8,這就是代表這是IE8版本模式開啟,我們輸入我們要測試的網站,開啟網站,我們就可以看到網站是否變形了,移位了,等等相容性問題。

怎麼用IETester測試網站相容性

【點選新建IE各版本】

這時候會出現一個輸入地址的介面,我們輸入測試網址,然後確定,我們就可以看到個個版本的網站顯示效果。

怎麼用IETester測試網站相容性

怎麼用IETester測試網站相容性

【點選VIEW】

我們可以看到兩個按鈕,這兩個就是讓介面看起來更好,第一個是往四邊擴充,第二個是隱藏上面的選單欄,向上擴充。

怎麼用IETester測試網站相容性

【點選選項】

選項其實就是一些瀏覽器的東西,這個沒什麼好講的,顯示/隱藏功能區,就是顯示/隱藏工具欄。

怎麼用IETester測試網站相容性

【點選開發人員工具】

這個是我們最需要的,我們可以看到禁用快取,字型大小我就不用說了吧,檢視原始檔就是我們寫的那些靜態程式碼,js等等,debugBar外掛是需要安裝對應外掛的。其它兩個禁用也是不太常用的。

怎麼用IETester測試網站相容性

注意事項

相容性的問題的確很煩人,我們需要多測試。

相關問題答案