工欲善其事,必先利其器。如今 Web 開發標準越來越高,Web 開發者也在不斷尋找途徑提升自己的技能。為使大家的開發工作更順利進行,本文整理了 10+ 款比較優秀的 Web 開發工具,希望對你有幫助。 喜歡的不要忘了收藏、點贊和打賞哦,感謝大家的支持! Bootstrap Bootstrap 是快速 ...
工欲善其事,必先利其器。如今 Web 開發標準越來越高,Web 開發者也在不斷尋找途徑提升自己的技能。為使大家的開發工作更順利進行,本文整理了 10+ 款比較優秀的 Web 開發工具,希望對你有幫助。
喜歡的不要忘了收藏、點贊和打賞哦,感謝大家的支持!
Bootstrap
Bootstrap 是快速開發 Web 應用程式的前端工具包。它是一個 CSS 和 HTML 的集合,它使用了最新的瀏覽器技術,給你的 Web 開發提供了時尚的版式,表單,buttons,表格,網格系統等等。
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 系統推出時就風靡了繪圖愛好者圈。
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 字體放到自己的項目中。主要特性如下:
-
縮小字形集合,減小字體大小
-
合併一些字體標記到單個文件中
-
訪問大量專業級的開源圖標
DEMO:http://fontello.com/
XDebug
xdebug 是一個開源的 php 調試器,以 php 模塊的形式載入並被使用。