10+ 款 Web 開發常備工具

工欲善其事，必先利其器。現在 Web 開發標準愈來愈高，Web 開發者也在不斷尋找途徑提高本身的技能。爲使你們的開發工做更順利進行，本文整理了 10+ 款比較優秀的 Web 開發工具，但願對你有幫助。

喜歡的不要忘了收藏、點贊和打賞哦，感謝你們的支持！

Bootstrap

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

DEMO：http://getbootstrap.com/    

Atom

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

DEMO：https://atom.io/

Foundation

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

DEMO：http://foundation.zurb.com/

Fiddler

Fiddler 是一個 http 調試代理，它可以記錄全部的你電腦和互聯網之間的 http 通信，Fiddler 能夠也可讓你檢查全部的 http 通信，設置斷點，以及 Fiddle 全部的「進出」的數據。Fiddler 要比其餘的網絡調試器要更加簡單，由於它不只暴露 http 通信還提供一個用戶友好的格式。

DEMO：http://www.telerik.com/fiddler

Cloud9 IDE

Cloud9 IDE 是一個基於 Node.JS 構建的 JavaScript 程序開發 Web IDE。它擁有一個很是快的文本編輯器，支持爲 JS，HTML，CSS 和這幾種的混合代碼進行着色顯示。Cloud9 IDE 還爲 node.js 和 Google Chrome 集成調試器，能夠在 IDE 中啓動、暫停和中止。

DEMO：http://c9.io/

Notepad++

Notepad++ 是一款很是有特點的編輯器，是開源軟件，能夠無償使用。支持的語言: C, C++ , Java , C#, XML, HTML, PHP, Javascript！

DEMO：https://notepad-plus-plus.org/

Firebug

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

DEMO：https://addons.mozilla.org/en-US/firefox/addon/firebug/

Visual Studio Code

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

DEMO：https://code.visualstudio.com/

GIMP

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

DEMO：https://www.gimp.org/

Webbo

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

DEMO：http://webbo.sourceforge.net/

SecureHeaders

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

JSBin

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

DEMO：http://jsbin.com/

Fontello

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

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

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

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

DEMO：http://fontello.com/

XDebug

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

DEMO：http://www.xdebug.org/