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