在Web Developer外掛程式工具列中，主要由以下幾個部分組成：Disable、Cookies、CSS、Forms、Images、Information、Miscellaneous、Outline、Resize、Tools、View Source、Options。下面我們就對其概況進行介紹。
Disable禁用工具 可以暫時的禁止當前頁面中的某些東東，如JavaScript腳本、快取、mete自動重新定向、將網頁顯示為黑色（圖片除外）、禁用彈窗等等。如下圖：
Cookies工具 可以用此工具查看當前頁面的Cookies信息，可以按不同的域名或路徑進行查看，而且可以手工增加一個Cookies，這對於後台網路編程的開發調試來說是非常方便而得力的工具。如下圖：
CSS樣式表工具這是一個非常強大的工具，基於CSS網頁布局有這個得力的助手，工作與學習都將變的非常簡單，可以控制CSS是否套用，查看頁面的CSS檔案，並進行實時的編輯，並在瀏覽器視窗中立即反應出編輯後的效果。關於此工具的詳細介紹：Web Developer外掛程式 CSS工具組教程
Forms表單工具 其主要作用是對頁面的表單進行控制，其中的很多功能對於表單程式的開發有著非常非常大的幫助，由於我們的重點是CSS網頁布局，此工具我們不作深入的探討。如下圖：
Images圖像工具 可以對當前頁面的圖像進行設定，可以顯示所有圖片的alt信息，對背景等也可以進行是否顯示的設定。如下圖：
Information信息工具 此工具在我們的CSS網頁布局設計中也經常用到，我們可以用它來查看頁面中所有的id、class及table等元素的名稱、占位等信息，關於此工具的詳細介紹：Web Developer外掛程式 Information工具教程
Miscellaneous其他這是一個非常“好玩”的工具，它所提供的功能是我們所夢寐以求的，在頁面布局中，我們可以用它來達到很多有意思的功能，如輔助線、面積、測量等，我們在CSS網頁布局設計中也經常用到，關於此工具的詳細介紹：Web Developer外掛程式 Miscellaneous工具教程
Outline線框工具這組工具對我們CSS網頁布局設計是非常有用的，線框顯示工具能夠將頁面中的某些元素使用線框描邊，使我們可以更好的查看其占位信息，我們可以使用它給div、h1-h6、表單等進行線框描邊，關於此工具的詳細介紹：Web Developer外掛程式 Outline、Resize工具教程
Resize尺寸工具 我們可以用它來改變瀏覽器視窗的尺寸，如果我們使用了1600*1200的解析度，我們可以藉助此工具來模擬1027*768的視窗效果。關於此工具的詳細介紹：Web Developer外掛程式 Outline、Resize工具教程
Tools工具 對於我們CSS網頁布局設計，它的最大功能在於將CSS及XHTML校驗工具整合在一起，可以點擊此工具中的校驗選項對當前頁面進行檢驗，它會自動連結到相關校驗頁面，並返回校驗結果。如下圖：
View Source查看原始碼 用於查看頁面的源檔案。
