IETester 網站在多IE版本兼容性測試工具使用方法

一、IETester工具簡介:
IETester是一款網站兼容性測試工具,也是一款免費的WebBrrowser控件,讓你可以測試下你的網站是否兼容IE6.0-10的各個版本,方便開發人員在網站兼容性方面對代碼進行整改 , 它還可以實現在同一進程中安裝不同版本的IE瀏覽器,新增的開發選項可以啟用或者禁用瀏覽器功能,所以IETester完全可以當做瀏覽器使用 。
二、IETester的下載與安裝:
1、網上下載軟件
2、下載完成,解壓文件,雙擊解壓文件即可開始安裝向導,安裝步驟也和普通程序的安裝操作類似,下面簡單貼幾張安裝圖:

IETester 網站在多IE版本兼容性測試工具使用方法

圖一:安裝向導啟動
IETester 網站在多IE版本兼容性測試工具使用方法

圖二:選擇軟件安裝位置
IETester 網站在多IE版本兼容性測試工具使用方法

圖三:安裝進度顯示
三、IETester工具如何使用:
1、軟件主界面介紹:啟動程序后您會發現軟件主要分為幾個板塊 , 主頁(主要是選擇IE版本的)、開發人員選項(可以使用DebugBar軟件查看網頁的結果和查看網站源碼)、選項(查看Internet屬性和對軟件進行基本設置),如下圖所示:
IETester 網站在多IE版本兼容性測試工具使用方法

圖四:IETester主界面圖
2、使用IE的各個版本對軟件的兼容性進行測試 , 我們以護衛神網站http://www.huweishen.com為例測試,在各個版本中測試我們發現在IE6中護衛神網站布局顯然不太正確,在IE7和IE8中布局就很正常,所以說嘛護衛神網站中CSS某些代碼不兼容,由于現在基本上都沒人用IE6了所以完全不影響網站的正常訪問 。
IETester 網站在多IE版本兼容性測試工具使用方法

圖五:將對IE各個版本進行測試
IETester 網站在多IE版本兼容性測試工具使用方法

圖六:在IE6測試護衛神網站
IETester 網站在多IE版本兼容性測試工具使用方法

圖七:護衛神網站在IE7和IE8中的測試結果
【IETester 網站在多IE版本兼容性測試工具使用方法】3、如果你瀏覽器安裝有DeBugBar插件的話,你就可以查看網站源碼,分析網站那些代碼不兼容IE版本,方便開發人員使用,將界面切換到“開發人員”界面 , 點擊DeBugBar插件就可以了,點擊“查看源文件”菜單,就可以看網站整體代碼,方便開發人員分析及修改 。
IETester 網站在多IE版本兼容性測試工具使用方法

圖八:DebugBar插件的使用
IETester 網站在多IE版本兼容性測試工具使用方法

圖九:查看網站原始代碼
IETester 網站在多IE版本兼容性測試工具使用方法

圖十:查看IE整理后的源碼
4、選項菜單:這個菜單主要是可以進行瀏覽器常規和軟件常規的選項設置的 。
IETester 網站在多IE版本兼容性測試工具使用方法

圖十一:IETester軟件常規設置
IETester 網站在多IE版本兼容性測試工具使用方法

圖十二:Internet常規設置
總結:在開發人員開發新網站的時候,網站的兼容性確實很重要,如果網站上線了,由于兼容性的原因,造成瀏覽效果不佳 , 最終肯定會讓你的網站死到起跑線上的,所以開發者們使用IETester進行網站的兼容性測試是很有必要的,有需要的盆友們下載吧!


相關經驗推薦