web developer谷歌瀏覽器插件

網(wǎng)頁開發(fā)者必備工具之——web developer。這是一款集合了許多Web開發(fā)工具的chrome web開發(fā)工具插件，Web Developer 這款擴(kuò)展集成了各種各樣的 Web 開發(fā)工具，幾乎是網(wǎng)頁開發(fā)人員必備的 Chrome 開發(fā)者工具擴(kuò)展插件，這款插件能夠幫助網(wǎng)頁設(shè)計(jì)人員打造非常強(qiáng)大的輔助設(shè)計(jì)功能，如調(diào)試CSS、清理Cookie、對(duì)表單圖片等等，有興趣的用戶快點(diǎn)前來本站下載吧！

web developer功能

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í)都將變的非常簡單，可以控制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é)果。

軟件特點(diǎn)

Web開發(fā)人員擴(kuò)展插件在瀏覽器上添加了一個(gè)工具欄按鈕，使用不同的Web開發(fā)工具。

這是官方端口的Web開發(fā)擴(kuò)展的瀏覽器。

Web Developer 插件強(qiáng)大的功能超乎你的想象，用于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)行操作等等

相信在 Chrome 面世之前很多網(wǎng)頁開發(fā)者都用過 FireFox上的 Web Developer 附加組件，功能非常強(qiáng)大。

現(xiàn)在，Chrome 版本的 Web Developer 也正式推出了，而且開發(fā)者和 Web Developer For FireFox 是同一個(gè)人-- Chris Pederick。

添加一個(gè)工具欄按鈕與各種Web開發(fā)工具。網(wǎng)絡(luò)開發(fā)者擴(kuò)展的官方端口。

Web Developer安裝與使用

方法一：

1、打開chrome瀏覽器擴(kuò)展管理頁面

復(fù)制chrome://extensions，粘貼到地址欄，按回車鍵打開“擴(kuò)展程序”頁面

2、拖動(dòng)以安裝

將下載好的瀏覽器擴(kuò)展文件，拖拽到“擴(kuò)展程序”頁面中

3、確定安裝

在彈窗中，點(diǎn)擊“添加擴(kuò)展程序”按鈕，安裝成功！

方法二：

1、在本站下載完成后找到該插件雙擊。

2、雙擊完成后，點(diǎn)擊“添加”即可。

Web Developer插件工具中禁用功能的使用方法如下：

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

如下圖：

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

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

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

Resize尺寸工具 我們可以用它來改變?yōu)g覽器窗口的尺寸，如果我們使用了1600*1200的分辨率，我們可以借助此工具來模擬1027*768的窗口效果。

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é)果。

Web Developer注意事項(xiàng)

為什么web developer擴(kuò)展需要訪問我所有的瀏覽歷史和私人數(shù)據(jù)？

表明該推廣有完全訪問所有網(wǎng)站上為其所有的功能，所有用戶的數(shù)據(jù)工作。

這些數(shù)據(jù)被訪問的擴(kuò)展功能的需要，沒有個(gè)人數(shù)據(jù)被發(fā)送從延伸到一個(gè)第三方除了第三方等功能的驗(yàn)證。

更新日志

v3.0.1版本

1、增加了對(duì)不同疊加圖標(biāo)的支持

2、更新設(shè)計(jì)

3、已更新以支持清單V3

4、固定的問題:

-“顯示隱藏元素”并不總是顯示隱藏元素

-“填充表單字段”-不適用于個(gè)位數(shù)小時(shí)或分鐘

-“查看表單信息重復(fù)元素id”

-“查看JavaScript”無法在Vivaldi中工作

5、各種小的代碼修復(fù)