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

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

1.WEB DEVELOPER

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

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

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

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

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

4.WAPPALYZER

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

5.PERFECTPIXEL

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

6.精致的GITHUB

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

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

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

8.用戶代理切換器

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

9.JSON查看器

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

10.CHECK MY LINKS

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

11.USERSNAP

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

12.IE TAB

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

13.工具自動(dòng)保存

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

14.CHROME的MYSQL

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

15.咕嚕咕嚕的工具

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