一、IETester工具簡(jiǎn)介:
IETester是一款網(wǎng)站兼容性測(cè)試工具,也是一款免費(fèi)的WebBrrowser控件,讓你可以測(cè)試下你的網(wǎng)站是否兼容IE6.0-10的各個(gè)版本,方便開發(fā)人員在網(wǎng)站兼容性方面對(duì)代碼進(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ū)?,安裝步驟也和普通程序的安裝操作類似,下面簡(jiǎn)單貼幾張安裝圖:
圖一:安裝向?qū)?dòng)
圖二:選擇軟件安裝位置
圖三:安裝進(jìn)度顯示
三、IETester工具如何使用:
1、軟件主界面介紹:?jiǎn)?dòng)程序后您會(huì)發(fā)現(xiàn)軟件主要分為幾個(gè)板塊,主頁(yè)(主要是選擇IE版本的)、開發(fā)人員選項(xiàng)(可以使用DebugBar軟件查看網(wǎng)頁(yè)的結(jié)果和查看網(wǎng)站源碼)、選項(xiàng)(查看Internet屬性和對(duì)軟件進(jìn)行基本設(shè)置),如下圖所示:
圖四:IETester主界面圖
2、使用IE的各個(gè)版本對(duì)軟件的兼容性進(jìn)行測(cè)試,我們以護(hù)衛(wèi)神網(wǎng)站http://www.huweishen.com為例測(cè)試,在各個(gè)版本中測(cè)試我們發(fā)現(xiàn)在IE6中護(hù)衛(wèi)神網(wǎng)站布局顯然不太正確,在IE7和IE8中布局就很正常,所以說(shuō)嘛護(hù)衛(wèi)神網(wǎng)站中CSS某些代碼不兼容,由于現(xiàn)在基本上都沒人用IE6了所以完全不影響網(wǎng)站的正常訪問。
圖五:將https://www.jb51.net對(duì)IE各個(gè)版本進(jìn)行測(cè)試
圖六:在IE6測(cè)試護(hù)衛(wèi)神網(wǎng)站
圖七:護(hù)衛(wèi)神網(wǎng)站在IE7和IE8中的測(cè)試結(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)菜單:這個(gè)菜單主要是可以進(jìn)行瀏覽器常規(guī)和軟件常規(guī)的選項(xiàng)設(shè)置的。
圖十一:IETester軟件常規(guī)設(shè)置
圖十二:Internet常規(guī)設(shè)置
總結(jié):在開發(fā)人員開發(fā)新網(wǎng)站的時(shí)候,網(wǎng)站的兼容性確實(shí)很重要,如果網(wǎng)站上線了,由于兼容性的原因,造成瀏覽效果不佳,最終肯定會(huì)讓你的網(wǎng)站死到起跑線上的,所以開發(fā)者們使用IETester進(jìn)行網(wǎng)站的兼容性測(cè)試是很有必要的,有需要的盆友們下載吧!
上文提到的DebugBar插件的下載地址:https://www.jb51.net/softs/99012.html。
最新資訊