1. Sublime Text
Sublime Text 是一個代碼編輯器也是 HTML 和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python 的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書籤，完整的 Python API，Goto 功能，即時項目切換，多選擇，多窗口等等。
2. WebStorm
WebStorm 是 jetbrains 公司旗下一款 JavaScript 開發工具。目前已經被廣大中國 JS 開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的 JavaScript IDE”等。與IntelliJ IDEA同源，繼承了 IntelliJ IDEA 強大的 JS 部分的功能。
3. HBuilder
HBuilder 是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機 APP、最保護眼睛的綠柔設計等特點。支持 HTML、CSS、JS、PHP 的快速開發。從開放註冊以來深受廣大前端朋友們的喜愛。
4. HttpWatch
HttpWatch 是功能強大的網頁數據分析工具，集成在IE工具欄，主要功能有網頁摘要、cookies 管理、緩存管理、消息頭髮送/接收，字符查詢、POST 數據、目錄管理功能和報告輸出。HttpWatch 是一款能夠收集並顯示深層信息的軟件，它不用代理服務器或一些複雜的網絡監控工具，能夠在顯示網頁的同時顯示網頁請求和回應的日誌信息，甚至可以顯示瀏覽器緩存和 IE 之間的交換信息，集成在 IE 工具欄。
5. LivePage
LivePage 就是一種免費的谷歌擴展插件，能在你對本地文件做出修改後自動刷新你的頁面。這意味著你可以在本地編輯你的 HTML/CSS/JS 文件，而瀏覽器會在你每次保件時自動刷新。通常你需要花費一秒鐘去刷新，但這樣子操作許多次後你將會發現這有多麼煩人。
6. WhatFont
你只需添加 WhatFont 到你的谷歌瀏覽器，每當你看到網頁上某一種字體時，點擊它並懸停，就會給你所有的包括字體樣式、大小等方案，甚至在可服務時給出下載地址（例如 TypeKit 或 Webfonts）。
7. Test My Site
谷歌懂得提供優質的用戶體驗，他們總是嘗試幫助站長們建立更好的網站。谷歌的一個最佳的工具叫 Test My Site，能測試任何網站在電腦和手機上的響應速度。
8. Web Developer Checklist
一格非常好的可擴展的開發人員項目開發參考列表。包含了可用性，可訪問性，SEO，代碼質量，安全等等的相關信息。 同時每一個類別裡的項目鏈接都可以幫助你來檢查相關信息。
9. wappalyzer
用於窺探網站使用技術的 Chrome 插件。
10. Visual Studio Code
這個不用多介紹了，微軟帶來的神器啊！
閱讀更多 領釦網 的文章
