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能夠開啓，因此在頁面調試上較爲便利，可是因爲開發中還要考慮到IE六、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/