作為一個專業(yè)的Web軟件開發(fā)公司，你可能花了很多時間使用你選擇的瀏覽器。在幾乎所有的瀏覽器都有自己的開發(fā)工具，可以讓你看到幕后發(fā)生了什么，他們中的一些已經(jīng)擴(kuò)展，幫助你簡化開發(fā)過程的大量。

在這篇文章中，我們已經(jīng)把我們的Web開發(fā)人員喜歡的Chrome擴(kuò)展。

1.WEB DEVELOPER

Web開發(fā)工具是任何一個開發(fā)者有用的擴(kuò)展。它增加了一個工具欄的各種工具，允許您編輯CSS的瀏覽器，顯示連接信息，圖像大小，查看JavaScript，和更多。延伸不僅適用于Chrome，F(xiàn)irefox和Opera也一樣。

2.無障礙網(wǎng)頁開發(fā)工具

數(shù)以百萬計的人在使用互聯(lián)網(wǎng)，包括那些殘疾人。這意味著確保你的網(wǎng)站正常訪問是必要的。這個擴(kuò)展由谷歌提供的可以運(yùn)行在任何網(wǎng)頁的可訪問性審計和添加輔助工具窗格你的Chrome開發(fā)者工具。要使用它，在審核選項卡單擊，選擇輔助審計，并點(diǎn)擊運(yùn)行。如果網(wǎng)頁違反任何規(guī)則，他們會出現(xiàn)一個與一個或多個違規(guī)的頁面上的元素列表。

3.響應(yīng)測試儀的設(shè)計

使用響應(yīng)測試儀的設(shè)計測試一個頁面如何回應(yīng)不同設(shè)備的擴(kuò)展。它既反映了大小和移動設(shè)備上的瀏覽器，它具有預(yù)置的各種iOS和Android設(shè)備。它也可以在離線模式下這是有用的，在開發(fā)網(wǎng)站。

4.WAPPALYZER

如果你曾經(jīng)使用建立，你將熟悉的概念wappalyzer。這個擴(kuò)展檢測內(nèi)容管理系統(tǒng)、電子商務(wù)平臺、Web服務(wù)器的JavaScript框架，分析工具，以及更多。重要的是，它也可作為一個Firefox擴(kuò)展。

5.PERFECTPIXEL

感謝這個擴(kuò)展，你可以放心的設(shè)計將完美的結(jié)果代碼匹配。安裝簡單的延伸，它會讓你把一個半透明的圖像疊加上你的網(wǎng)頁來比較其對開發(fā)的HTML代碼。覆蓋物可以分為每個站點(diǎn)和瀏覽會話之間保存。

6.精致的GITHUB

如果你在GitHub的用戶界面的沮喪，這個擴(kuò)展是必須的。它簡化了默認(rèn)的GitHub的界面和添加各種額外的功能，如標(biāo)記為未讀的問題和請求，連接拉要求分參考，添加一個快速編輯按鈕的自述，添加鏈接母怪有怪的看法，以及更多。

7.CDN的標(biāo)題和餅干

這個擴(kuò)展可以讓你看到所有的HTTP頭和餅干在一個地方。很輕的和直接的，它也可以加載Akamai的響應(yīng)頭。您可以添加、編輯或刪除自定義請求頭和定制的餅干以及出口請求頭和餅干為CSV文件。

8.用戶代理切換器

使用這個擴(kuò)展改變你的用戶代理欺騙其他設(shè)備和/或?yàn)g覽器。您可以快速切換不同的普通用戶代理字符串或添加您自己的欺騙網(wǎng)站認(rèn)為你使用的是Internet Explorer，iPhone之間，或者你是一個谷歌機(jī)器人。這對調(diào)試和測試你的網(wǎng)站表現(xiàn)的各種設(shè)備是有用的。

9.JSON查看器

一個擴(kuò)展印刷JSON和JSONP可以配置你喜歡的，它包括可折疊的節(jié)點(diǎn)特征；可點(diǎn)擊的URL；暫存器可以無限期使用JSON類型/粘貼按鈕或快捷鍵和格式；27內(nèi)置的主題，以及更多。

10.CHECK MY LINKS

如果你經(jīng)常編輯有很多鏈接的頁面，一定要包括這個擴(kuò)展你的清單上。它可以快速找到網(wǎng)頁上的所有鏈接，并檢查每一個給你。它突出了綠色有效的鏈接和紅色的破碎的人。擴(kuò)展也將在控制臺日志發(fā)布斷鏈的完整的URL地址。

11.USERSNAP

作為Web開發(fā)者，你與你的網(wǎng)站項目每天多人。這個小小的延伸將簡化協(xié)作流程以及其創(chuàng)建當(dāng)前內(nèi)容截圖。你可以更有效地溝通與其他開發(fā)商，各種問題和分享回饋客戶，以及其他從事Web項目。

12.IE TAB

IE Tab模擬Internet Explorer使用渲染引擎直接在Chrome和允許你使用ActiveX控件來測試你的網(wǎng)站與IE瀏覽器從IE6到IE9的不同版本的頁面。

13.工具自動保存

利用開發(fā)工具對測試目的飛做出改變，然后將這些變?yōu)槟愕奈谋揪庉嬈骱蜕蟼髦练?wù)器可以是一個痛苦的。幸運(yùn)的是，這個擴(kuò)展作為一個生命的救星是它允許你自動保存通過Chrome開發(fā)工具環(huán)境，其源文件到一個網(wǎng)頁的CSS和JS的任何變化。

14.CHROME的MYSQL

如果你每天與數(shù)據(jù)庫的工作，考慮添加這個擴(kuò)展你的工作流程。這是一個所有需要的工具來管理你的MySQL數(shù)據(jù)庫和表的簡單的MySQL客戶端。你可以連接到數(shù)據(jù)庫并管理他們，運(yùn)行查詢，創(chuàng)建和刪除表，更在一個快速、輕量級的接口。

15.咕嚕咕嚕的工具

這個漂亮的延伸擴(kuò)展了Chrome的開發(fā)工具通過添加工具與后臺任務(wù)，使您可以運(yùn)行在單窗口多任務(wù)繁重的項目支持。