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