Web Developer集成了各種各樣的 Web 開發(fā)工具，網(wǎng)絡(luò)程序的開發(fā)具有強(qiáng)大的輔助功能，比如調(diào)試CSS、清理Cookie等。安裝之后會(huì)在瀏覽器工具欄添加一個(gè)齒輪狀的小圖標(biāo)，點(diǎn)擊小圖標(biāo)之后就可以看到大量的 Web 開發(fā)工具，是網(wǎng)頁(yè)開發(fā)人員必備的 Chrome 開發(fā)者工具擴(kuò)展插件！

Web Developer軟件特色

1、Disable禁用工具

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

2、Cookies工具

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

3、CSS樣式表工具

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

4、web developer 尺寸工具

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

5、Tools工具

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

使用教程

1、首先在標(biāo)簽頁(yè)輸入【chrome://extensions/】進(jìn)入chrome擴(kuò)展程序，解壓你在本頁(yè)下載的Web Developer插件，并拖入擴(kuò)展程序頁(yè)即可。

2、安裝完成后，會(huì)彈出一個(gè)介紹界面，關(guān)閉后打開網(wǎng)頁(yè)試試效果吧。

3、進(jìn)入網(wǎng)頁(yè)后，點(diǎn)擊右上角的插件圖標(biāo)即可打開該插件窗口，通過該窗口，使用者可以將網(wǎng)頁(yè)中的樣式、js效果、圖片、cookie、形式標(biāo)簽以及網(wǎng)頁(yè)鏈接等進(jìn)行啟用或禁用。

4、同時(shí)，還能通過插件的CSS窗口對(duì)網(wǎng)頁(yè)的CSS代碼進(jìn)行編輯，當(dāng)然這個(gè)編輯是只對(duì)該瀏覽器有效的。

5、這款插件還能通過不同的頁(yè)面大小對(duì)網(wǎng)頁(yè)的響應(yīng)式設(shè)計(jì)進(jìn)行測(cè)試，當(dāng)然該軟件還有其他的許多功能，這需要使用者自行使用了。

6、若是想要對(duì)該插件的設(shè)置進(jìn)行一些調(diào)整，可以右鍵點(diǎn)擊Web Developer插件圖標(biāo)并選擇選項(xiàng)一欄進(jìn)入設(shè)置頁(yè)面，在該頁(yè)面中使用者可以對(duì)它的顏色樣式、尺寸、鏈接等功能進(jìn)行設(shè)置。