介紹一個IE插件,web開發人員必備(IEDevToolBar)

624K大小的一個插件,安裝之後就可以在IE中使用了
啓動之後就可以在IE下方出現了一個分析器
 
最重要的就是最左邊的窗口,從這個窗口,可以很容易地分析網頁中的HTML和CSS,下面以Google來做示例吧,展開節點:<BODY>
選擇<DIV id=gbar>,可以看到IE已經把選中的DIV用藍色的框選中了:
右擊該節點:
點擊Applied Styles則可以查看該部分的CSS
同時Elememt Source可以查看該部分的HTML源代碼
Elememt Source with Style可以同時查看HTML和CSS代碼
其實在Elememt Source可以查看腳本源代碼,雖然記事本都可以查看源代碼,但是該IE插件的功能還是很實用,可以對網頁進行徹底的分析,用來學習HTML和CSS,IEDevToolBar是一個不可多得的工具呢。。。
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章