作為一個專業(yè)的Web軟件開發(fā)公司,你可能花了很多時間使用你選擇的瀏覽器。在幾乎所有的瀏覽器都有自己的開發(fā)工具,可以讓你看到幕后發(fā)生了什么,他們中的一些已經擴展,幫助你簡化開發(fā)過程的大量。
在這篇文章中,我們已經把我們的Web開發(fā)人員喜歡的Chrome擴展。
1.WEB DEVELOPER
Web開發(fā)工具是任何一個開發(fā)者有用的擴展。它增加了一個工具欄的各種工具,允許您編輯CSS的瀏覽器,顯示連接信息,圖像大小,查看JavaScript,和更多。延伸不僅適用于Chrome,F(xiàn)irefox和Opera也一樣。
2.無障礙網頁開發(fā)工具
數(shù)以百萬計的人在使用互聯(lián)網,包括那些殘疾人。這意味著確保你的網站正常訪問是必要的。這個擴展由谷歌提供的可以運行在任何網頁的可訪問性審計和添加輔助工具窗格你的Chrome開發(fā)者工具。要使用它,在審核選項卡單擊,選擇輔助審計,并點擊運行。如果網頁違反任何規(guī)則,他們會出現(xiàn)一個與一個或多個違規(guī)的頁面上的元素列表。
3.響應測試儀的設計
使用響應測試儀的設計測試一個頁面如何回應不同設備的擴展。它既反映了大小和移動設備上的瀏覽器,它具有預置的各種iOS和Android設備。它也可以在離線模式下這是有用的,在開發(fā)網站。
4.WAPPALYZER
如果你曾經使用建立,你將熟悉的概念wappalyzer。這個擴展檢測內容管理系統(tǒng)、電子商務平臺、Web服務器的JavaScript框架,分析工具,以及更多。重要的是,它也可作為一個Firefox擴展。
5.PERFECTPIXEL
感謝這個擴展,你可以放心的設計將完美的結果代碼匹配。安裝簡單的延伸,它會讓你把一個半透明的圖像疊加上你的網頁來比較其對開發(fā)的HTML代碼。覆蓋物可以分為每個站點和瀏覽會話之間保存。
6.精致的GITHUB
如果你在GitHub的用戶界面的沮喪,這個擴展是必須的。它簡化了默認的GitHub的界面和添加各種額外的功能,如標記為未讀的問題和請求,連接拉要求分參考,添加一個快速編輯按鈕的自述,添加鏈接母怪有怪的看法,以及更多。
7.CDN的標題和餅干
這個擴展可以讓你看到所有的HTTP頭和餅干在一個地方。很輕的和直接的,它也可以加載Akamai的響應頭。您可以添加、編輯或刪除自定義請求頭和定制的餅干以及出口請求頭和餅干為CSV文件。
8.用戶代理切換器
使用這個擴展改變你的用戶代理欺騙其他設備和/或瀏覽器。您可以快速切換不同的普通用戶代理字符串或添加您自己的欺騙網站認為你使用的是Internet Explorer,iPhone之間,或者你是一個谷歌機器人。這對調試和測試你的網站表現(xiàn)的各種設備是有用的。
9.JSON查看器
一個擴展印刷JSON和JSONP可以配置你喜歡的,它包括可折疊的節(jié)點特征;可點擊的URL;暫存器可以無限期使用JSON類型/粘貼按鈕或快捷鍵和格式;27內置的主題,以及更多。
10.CHECK MY LINKS
如果你經常編輯有很多鏈接的頁面,一定要包括這個擴展你的清單上。它可以快速找到網頁上的所有鏈接,并檢查每一個給你。它突出了綠色有效的鏈接和紅色的破碎的人。擴展也將在控制臺日志發(fā)布斷鏈的完整的URL地址。
11.USERSNAP
作為Web開發(fā)者,你與你的網站項目每天多人。這個小小的延伸將簡化協(xié)作流程以及其創(chuàng)建當前內容截圖。你可以更有效地溝通與其他開發(fā)商,各種問題和分享回饋客戶,以及其他從事Web項目。
12.IE TAB
IE Tab模擬Internet Explorer使用渲染引擎直接在Chrome和允許你使用ActiveX控件來測試你的網站與IE瀏覽器從IE6到IE9的不同版本的頁面。
13.工具自動保存
利用開發(fā)工具對測試目的飛做出改變,然后將這些變?yōu)槟愕奈谋揪庉嬈骱蜕蟼髦练掌骺梢允且粋€痛苦的。幸運的是,這個擴展作為一個生命的救星是它允許你自動保存通過Chrome開發(fā)工具環(huán)境,其源文件到一個網頁的CSS和JS的任何變化。
14.CHROME的MYSQL
如果你每天與數(shù)據(jù)庫的工作,考慮添加這個擴展你的工作流程。這是一個所有需要的工具來管理你的MySQL數(shù)據(jù)庫和表的簡單的MySQL客戶端。你可以連接到數(shù)據(jù)庫并管理他們,運行查詢,創(chuàng)建和刪除表,更在一個快速、輕量級的接口。
15.咕嚕咕嚕的工具
這個漂亮的延伸擴展了Chrome的開發(fā)工具通過添加工具與后臺任務,使您可以運行在單窗口多任務繁重的項目支持。