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

这个不用多介绍了，微软带来的神器啊！