Web Developer是專為網(wǎng)頁開發(fā)者打造的工具，在瀏覽器上添加了一個工具欄按鈕，使用不同的Web開發(fā)工具。用于CSS網(wǎng)頁布局開發(fā)調(diào)試只是它強大功能的一部分，對于網(wǎng)絡(luò)程序的開發(fā)也提供了非常強大的輔助設(shè)計功能，例如：調(diào)試CSS、清理Cookie、對表單圖片等對象進行操作等等。

軟件特色

1、Disable禁用工具

可以暫時的屏蔽當前頁面中的某些東東，如Ja vaScript腳本、緩存、mete自動重新定向、將網(wǎng)頁顯示為黑色（圖片除外）、禁用彈窗等。

2、Cookies工具

可以用此工具查看當前頁面的Cookies信息，可以按不同的域名或路徑進行查看，而且可以手工增加一個Cookies，這對于后臺網(wǎng)絡(luò)編程的開發(fā)調(diào)試來說是非常方便而得力的工具。

3、CSS樣式表工具

這是一個非常強大的工具基于CSS網(wǎng)頁布局有這個得力的助手，工作與學(xué)習(xí)都將變的非常簡單，可以控制CSS是否應(yīng)用，查看頁面的css文件，并進行實時的編輯，并在瀏覽器窗口中立即反應(yīng)出編輯后的效果。

4、web developer 尺寸工具的使用方法如下：

Resize尺寸工具 我們可以用它來改變?yōu)g覽器窗口的尺寸，如果我們使用了1600*1200的分辨率，我們可以借助此工具來模擬1027*768的窗口效果。關(guān)于此工具的詳細介紹：Web Developer插件 Outline、Resize工具教程

5、Tools工具

對于我們CSS網(wǎng)頁布局設(shè)計，它的最大功能在于將CSS及XHTML校驗工具整合在一起，可以點擊此工具中的校驗選項對當前頁面進行檢驗，它會自動鏈接到相關(guān)校驗頁面，并返回校驗結(jié)果。

安裝方法

1、在地址欄輸入chrome://extensions/打開開發(fā)者模式的開關(guān)。拖動 xxx、crx 文件到Chrome中間即可，其他chrome內(nèi)核的瀏覽器也可以直接拖入擴展管理中安裝。

2、把下載好的xxx、crx 的擴展名改為xxx、zip

在地址欄輸入chrome://extensions/打開 開發(fā)者模式 的開關(guān)拖動 xxx、zip 文件到Chrome中間即可