工欲善其事，必先利其器。如今 Web 開發(fā)標(biāo)準(zhǔn)越來越高，Web 開發(fā)者也在不斷尋找途徑提升自己的技能。為使大家的開發(fā)工作更順利進(jìn)行，本文整理了 10+ 款比較優(yōu)秀的 Web 開發(fā)工具，希望對你有幫助。

喜歡的不要忘了收藏和點(diǎn)贊喲~

Bootstrap 是快速開發(fā) Web 應(yīng)用程序的前端工具包。它是一個(gè) CSS 和 HTML 的集合，它使用了最新的瀏覽器技術(shù)，給你的 Web 開發(fā)提供了時(shí)尚的版式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。

DEMO：

Atom

Atom 是 Github 專門為程序員推出的一個(gè)跨平臺(tái)文本編輯器。具有簡潔和直觀的圖形用戶界面，并有很多有趣的特點(diǎn)：支持 CSS，HTML，JavaScript 等網(wǎng)頁編程語言。它支持宏，自動(dòng)完成分屏功能，集成了文件管理器。

DEMO：

Foundation 是一個(gè)易用、強(qiáng)大而且靈活的框架，用于構(gòu)建基于任何設(shè)備上的 Web 應(yīng)用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等。

DEMO：

Fiddler 是一個(gè) http 調(diào)試代理，它能夠記錄所有的你電腦和互聯(lián)網(wǎng)之間的 http 通訊，F(xiàn)iddler 可以也可以讓你檢查所有的 http 通訊，設(shè)置斷點(diǎn)，以及 Fiddle 所有的“進(jìn)出”的數(shù)據(jù)。Fiddler 要比其他的網(wǎng)絡(luò)調(diào)試器要更加簡單，因?yàn)樗粌H暴露 http 通訊還提供一個(gè)用戶友好的格式。

DEMO：

Cloud9 IDE 是一個(gè)基于  構(gòu)建的 JavaScript 程序開發(fā) Web IDE。它擁有一個(gè)非常快的文本編輯器，支持為 JS，HTML，CSS 和這幾種的混合代碼進(jìn)行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調(diào)試器，可以在 IDE 中啟動(dòng)、暫停和停止。

DEMO：

Notepad++ 是一款非常有特色的編輯器，是開源軟件，可以免費(fèi)使用。支持的語言: C, C++ , Java , C#, XML, HTML, PHP, Javascript！

DEMO：

Firebug 是 Firefox 下的一款開發(fā)類插件，現(xiàn)屬于 Firefox 的五星級強(qiáng)力推薦插件之一。它集 HTML 查看和編輯、Javascript 控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開發(fā) JavaScript、CSS、HTML 和 Ajax 的得力助手。Firebug 如同一把精巧的瑞士軍刀，從各個(gè)不同的角度剖析Web頁面內(nèi)部的細(xì)節(jié)層面，給 Web 開發(fā)者帶來很大的便利。

DEMO：

Visual Studio Code 是一個(gè)運(yùn)行于 OS X，Windows 和 Linux 之上的，針對于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺(tái)編輯器。

DEMO：

GIMP 是 GNU 圖像處理程序（GNU Image Manipulation Program）的縮寫。包括幾乎所有圖象處理所需的功能，號稱 Linux 下的 PhotoShop。GIMP 在 Linux 系統(tǒng)推出時(shí)就風(fēng)靡了繪圖愛好者圈。

DEMO：

Webbo 是一個(gè)免費(fèi)、開源的輕量級的 Web 開發(fā)工具，支持 Windows 系統(tǒng)。主要特性包括：靈活編輯、支持多種 Web 編程語言和服務(wù)器端技術(shù)、即時(shí)的頁面和服務(wù)器預(yù)覽等。

DEMO：

SecureHeaders 是 Twitter 送給 Web 開發(fā)者的一份大禮，作為一款 Web 安全開發(fā)工具，Secureheaders 能夠自動(dòng)實(shí)施安全相關(guān)的 header 規(guī)則，包括內(nèi)容安全政策（CSP），防止 XSS、HSTS 等攻擊，防止火綿羊（Firesheep）攻擊以及 XFO 點(diǎn)擊劫持等。

JSBin 是一個(gè) Web 應(yīng)用，主要用于幫助測試 JavaScript 和 CSS 的代碼片段。功能與  網(wǎng)站一致。

DEMO：

Fontello 是個(gè)圖標(biāo)字體生成器。這個(gè)工具允許用戶把這些圖標(biāo) web 字體放到自己的項(xiàng)目中。主要特性如下：

1. 縮小字形集合，減小字體大小

2. 合并一些字體標(biāo)記到單個(gè)文件中

3. 訪問大量專業(yè)級的開源圖標(biāo)

DEMO：

xdebug 是一個(gè)開源的 php 調(diào)試器，以 php 模塊的形式加載并被使用。

DEMO：

本文轉(zhuǎn)自（）