Internet Explorer開發人員工具

Internet Explorer開發人員工具Internet Explorer Developer Tools,曾叫做Internet Explorer Developer Toolbar)是Internet Explorer的幫助網頁設計與調試的一個組件。在Internet Explorer 6Internet Explorer 7中,它作為一種工具欄被引進。Internet Explorer 8及更新的版本則內置此組件。它允許驗證CSSHTML,在不同分辨率下預覽頁面布局[1],還提供一個(以像素為單位的)標尺用於輔助元素的定位[2]。它允許查看整個頁面的源代碼,具有語法高亮便於導航,或者選擇其中元素,也可以查看DOM源和應用於該元素的CSS選擇器。它同樣允許查看單個元素的屬性和樣式,也可以跟蹤元素的樣式至它的聲明處[3]

Internet Explorer開發人員工具
IE 11上的開發人員工具
Internet Explorer 11上使用開發人員工具(F12)以查看網頁
開發者微軟
類型工具欄
許可協議私有

這個工具包括一個在窗體底部的可開關面板。該面板展示了網頁的結構;並且為每一個結構,展示其屬性和樣式。它通過一個菜單的層次結構展示它的特性,也包括用以快速訪問一些特性—如清空瀏覽器緩存—的工具欄按鈕,和允許通過在已渲染的頁面中點擊來選擇元素,而不是僅僅通過DOM樹的可視化顯示來導航[3]

參考資料

  1. ^ Microsoft Issues IE Developer Toolbar. [2007-05-11]. (原始內容存檔於2009-01-26). 
  2. ^ Microsoft Releases IE Developer Toolbar. [2007-05-11]. (原始內容存檔於2009-02-16). 
  3. ^ 3.0 3.1 IE Developer Toolbar Beta 3 - Now Available. [2007-05-11]. (原始內容存檔於2010-03-30). 

參見

外部連結