IE6開發調試插件:IE Developer Toolbar


First

如題,知道並用過該插件的請飄過。好吧,我承認我是新手而且我孤陋寡聞了-.-。

先附上Internet Explorer Developer Toolbar最新下載地址,便於下載使用:http://download.microsoft.com/download/1/6/4/164E1C78-A660-4C25-86E9-3C95EB0C537C/IEDevToolBarSetup.msi

如果上面地址無效了,可以去下載頁面:http://www.microsoft.com/en-us/download/details.aspx?id=18359

 

Then

在ie8及以上版本自帶有調試工具,通過F12可以開啟,所以在頁面調試上較為便利,但是由於開發中還要考慮到IE6、7的兼容性問題,調試起來就不這么方便了,因為其本身不帶有此類調試工具。(真是廢話一大篇啊……-.-b)

鑒於上面的原因,所以我都是慢慢地改代碼或者加入輔助代碼進行調試的,感覺很艱辛吧,或者說沒底、無奈、無法把握狀況。

后台不知在哪里聽說了firebug可以用到IE中(用過Firefox開發的人一定聽過Firebug吧!),於是找到了方法(見參考文章),引入指定js后便能通過F12調出熟悉而又陌生的Firebug調試界面,但是畢竟只是js實現的效果,所以各方面都是如此的簡陋……

最近由於對網頁界面制作稍感興趣,所以就開始研究博客園的主題了,想自己制作個玩玩,用別人的總覺得難看(^_^,有木有?),所以去看了看模板設計幫助,偶然間讓我見到了IE Developer Toolbar,當時還不以為然,以前聽過IETest,后來發現其只不過用來瀏覽效果而已,無法進行類似Firebug的調試。所以讓我對IE Developer Toolbar也產生了這種看法,畢竟如果有此等好工具,為啥我居然不知道呢?(看來,我還是挺無知的,或者說好東西太多了,總是會遺漏的-_-!)

最后看了看相關介紹文字(見參考文章),發現其還是蠻有用的,於是閑來裝上一試,初步感覺非常好,只是尚未有機會運用到開發中而已。

PS:該插件與IE8中的開發人員工具的功能和界面有點類似,不過還是不及IE8的調試工具強大,估計這個是該插件的升級版吧。另外該插件是英文的哦(-.-,別擔心,沒幾個單詞 )

 

Finally,欣喜之余在此記錄分享下~

以下為相關截圖及說明:

安裝包才6百多KB,很小巧。 

以下為安裝界面:

安裝路徑可自定義:

安裝所需空間2M多:

准備開始安裝:

完成安裝:

打開IE6並未發現啥變化:

既然沒發現,就需要自己來找找了,在工具欄上右擊來添加工具:

找到了,添加即可:

點擊新添加的工具按鈕調出調試界面,熟悉而又陌生的界面:

發現tools中居然有Ruler和拾色器,還有自定義窗口尺寸的,很全啊:

對比IE8的開發人員工具,菜單界面基本一樣,只是語言不同:(原來IE8下也有標尺和拾色器工具,好吧,我又<-.->孤陋寡聞了……)

可以選取代碼查看對於網頁中的元素,基本功能有了,另外還記得IE6下查看源代碼所打開的記事本嗎?對我來說是噩夢,現在通過插件可以有跟IE8查看源代碼一樣的效果了^_^

好了,工具關鍵是要會用,我本身還沒好好利用起來這個以及IE8的開發人員工具,所以沒啥分享的了,待實踐中發掘吧,以下為參考的文章鏈接。

參考文章:

  http://www.cnblogs.com/JustinYoung/archive/2007/04/19/good-tools-for-web-developer.html

  http://www.cnblogs.com/JustinYoung/archive/2008/02/27/lets-blog-skin-01.html

  http://skintemplate.cnblogs.com/

  http://www.iefans.net/ie-firebug/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM