IETester是很多前端開發人員喜歡用來作網站相容性測試的,小編下面就來說一下IETester的簡單用法。
工具/原料
IETester軟體
方法/步驟
【下載、安裝】
開啟瀏覽器,在百度搜索欄輸入IETester,我們看到的第一個就是了,點選下載,把軟體下載下來,然後安裝。
【開啟軟體】
點選IETester快捷方式,開啟軟體我們可以看到如下介面。我們可以看到中間那一排新建IE多少,我們就選一個新建IE8.
【點選新建IE8】
這時候會出現一個新頁面,我們在上面可以看到一個數字8,這就是代表這是IE8版本模式開啟,我們輸入我們要測試的網站,開啟網站,我們就可以看到網站是否變形了,移位了,等等相容性問題。
【點選新建IE各版本】
這時候會出現一個輸入地址的介面,我們輸入測試網址,然後確定,我們就可以看到個個版本的網站顯示效果。
【點選VIEW】
我們可以看到兩個按鈕,這兩個就是讓介面看起來更好,第一個是往四邊擴充,第二個是隱藏上面的選單欄,向上擴充。
【點選選項】
選項其實就是一些瀏覽器的東西,這個沒什麼好講的,顯示/隱藏功能區,就是顯示/隱藏工具欄。
【點選開發人員工具】
這個是我們最需要的,我們可以看到禁用快取,字型大小我就不用說了吧,檢視原始檔就是我們寫的那些靜態程式碼,js等等,debugBar外掛是需要安裝對應外掛的。其它兩個禁用也是不太常用的。
注意事項
相容性的問題的確很煩人,我們需要多測試。