網(wǎng)站開發(fā)

Website development

?簡化WEB開發(fā)的CHROME擴(kuò)展

發(fā)布時(shí)間：2017-01-03 10:45:35

web前端.jpg

作為一個(gè)Web開發(fā)人員，你可能花了很多時(shí)間使用你選擇的瀏覽器。在幾乎所有的瀏覽器都有自己的開發(fā)工具，可以讓你看到幕后發(fā)生了什么，他們中的一些已經(jīng)擴(kuò)展，幫助你簡化開發(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)頁開發(fā)工具

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

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

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

4.WAPPALYZER

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

5.PERFECTPIXEL

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

6.精致的GITHUB

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

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

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

8.用戶代理切換器

使用這個(gè)擴(kuò)展改變你的用戶代理欺騙其他設(shè)備和/或?yàn)g覽器。您可以快速切換不同的普通用戶代理字符串或添加您自己的欺騙網(wǎng)站認(rèn)為你使用的是Internet Explorer，iPhone之間，或者你是一個(gè)谷歌機(jī)器人。這對調(diào)試和測試你的網(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)常編輯有很多鏈接的頁面，一定要包括這個(gè)擴(kuò)展你的清單上。它可以快速找到網(wǎng)頁上的所有鏈接，并檢查每一個(gè)給你。它突出了綠色有效的鏈接和紅色的破碎的人。擴(kuò)展也將在控制臺日志發(fā)布斷鏈的完整的URL地址。

11.USERSNAP

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

12.IE TAB

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

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

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

14.CHROME的MYSQL

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

15.咕嚕咕嚕的工具

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

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7018,0.html

上一篇：web開發(fā)的強(qiáng)大的帝國

下一篇：設(shè)計(jì)者應(yīng)該聽一個(gè)創(chuàng)意的提升

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對待我們并不像是對待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺操作的簡單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍γ總€(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理