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

喜歡的不要忘了收藏和點贊喲~

Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和 HTML 的集合，它使用了最新的瀏覽器技術，給你的 Web 開發提供了時尚的版式，表單，buttons，表格，網格系統等等。

DEMO：

Atom

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

DEMO：

Foundation 是一個易用、強大而且靈活的框架，用于構建基于任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等。

DEMO：

Fiddler 是一個 http 調試代理，它能夠記錄所有的你電腦和互聯網之間的 http 通訊，Fiddler 可以也可以讓你檢查所有的 http 通訊，設置斷點，以及 Fiddle 所有的“進出”的數據。Fiddler 要比其他的網絡調試器要更加簡單，因為它不僅暴露 http 通訊還提供一個用戶友好的格式。

DEMO：

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

DEMO：

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

DEMO：

Firebug 是 Firefox 下的一款開發類插件，現屬于 Firefox 的五星級強力推薦插件之一。它集 HTML 查看和編輯、Javascript 控制臺、網絡狀況監視器于一體，是開發 JavaScript、CSS、HTML 和 Ajax 的得力助手。Firebug 如同一把精巧的瑞士軍刀，從各個不同的角度剖析Web頁面內部的細節層面，給 Web 開發者帶來很大的便利。

DEMO：

Visual Studio Code 是一個運行于 OS X，Windows 和 Linux 之上的，針對于編寫現代 web 和云應用的跨平臺編輯器。

DEMO：

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

DEMO：

Webbo 是一個免費、開源的輕量級的 Web 開發工具，支持 Windows 系統。主要特性包括：靈活編輯、支持多種 Web 編程語言和服務器端技術、即時的頁面和服務器預覽等。

DEMO：

SecureHeaders 是 Twitter 送給 Web 開發者的一份大禮，作為一款 Web 安全開發工具，Secureheaders 能夠自動實施安全相關的 header 規則，包括內容安全政策（CSP），防止 XSS、HSTS 等攻擊，防止火綿羊（Firesheep）攻擊以及 XFO 點擊劫持等。

JSBin 是一個 Web 應用，主要用于幫助測試 JavaScript 和 CSS 的代碼片段。功能與  網站一致。

DEMO：

Fontello 是個圖標字體生成器。這個工具允許用戶把這些圖標 web 字體放到自己的項目中。主要特性如下：

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

2. 合并一些字體標記到單個文件中

3. 訪問大量專業級的開源圖標

DEMO：

xdebug 是一個開源的 php 調試器，以 php 模塊的形式加載并被使用。

DEMO：

本文轉自（）