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

軟件特色

1、Disable禁用工具

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

2、Cookies工具

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

3、CSS樣式表工具

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

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

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

5、Tools工具

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

安裝方法

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

2、把下載好的xxx、crx 的擴(kuò)展名改為xxx、zip

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