一、IETester工具簡介:
IETester是一款網站兼容性測試工具,也是一款免費的WebBrrowser控件,讓你可以測試下你的網站是否兼容IE6.0-10的各個版本,方便開發人員在網站兼容性方面對代碼進行整改,它還可以實現在同一進程中安裝不同版本的IE瀏覽器,新增的開發選項可以啟用或者禁用瀏覽器功能,所以IETester完全可以當做瀏覽器使用。
二、IETester的下載與安裝:
1、網上下載軟件,軟件的下載地址:https://www.jb51.net/softs/2483.html。
2、下載完成,解壓文件,雙擊解壓文件即可開始安裝向導,安裝步驟也和普通程序的安裝操作類似,下面簡單貼幾張安裝圖:
圖一:安裝向導啟動
圖二:選擇軟件安裝位置
圖三:安裝進度顯示
三、IETester工具如何使用:
1、軟件主界面介紹:啟動程序后您會發現軟件主要分為幾個板塊,主頁(主要是選擇IE版本的)、開發人員選項(可以使用DebugBar軟件查看網頁的結果和查看網站源碼)、選項(查看Internet屬性和對軟件進行基本設置),如下圖所示:
圖四:IETester主界面圖
2、使用IE的各個版本對軟件的兼容性進行測試,我們以護衛神網站http://www.huweishen.com為例測試,在各個版本中測試我們發現在IE6中護衛神網站布局顯然不太正確,在IE7和IE8中布局就很正常,所以說嘛護衛神網站中CSS某些代碼不兼容,由于現在基本上都沒人用IE6了所以完全不影響網站的正常訪問。
圖五:將https://www.jb51.net對IE各個版本進行測試
圖六:在IE6測試護衛神網站
圖七:護衛神網站在IE7和IE8中的測試結果
3、如果你瀏覽器安裝有DeBugBar插件的話,你就可以查看網站源碼,分析網站那些代碼不兼容IE版本,方便開發人員使用,將界面切換到“開發人員”界面,點擊DeBugBar插件就可以了,詳細DeBugBar插件使用教程https://www.jb51.net/softjc/99013.html有提到。點擊“查看源文件”菜單,就可以看網站整體代碼,方便開發人員分析及修改。
圖八:DebugBar插件的使用
圖九:查看網站原始代碼
圖十:查看IE整理后的源碼
4、選項菜單:這個菜單主要是可以進行瀏覽器常規和軟件常規的選項設置的。
圖十一:IETester軟件常規設置
圖十二:Internet常規設置
總結:在開發人員開發新網站的時候,網站的兼容性確實很重要,如果網站上線了,由于兼容性的原因,造成瀏覽效果不佳,最終肯定會讓你的網站死到起跑線上的,所以開發者們使用IETester進行網站的兼容性測試是很有必要的,有需要的盆友們下載吧!
上文提到的DebugBar插件的下載地址:https://www.jb51.net/softs/99012.html。
關鍵詞: IETester
最新資訊