1、SublimeText

SublimeText是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图、多选择、Python的插件、代码段等。完全可自定义键绑定，菜单和工具栏。SublimeText的主要功能包括：拼写检查，书签，完整的PythonAPI，Goto功能，即时项目切换，多选择，多窗口等等。

2、WebStorm

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“较早大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。它支持 JavaScript、TypeScript、HTML 和 CSS 等语言。WebStorm 拥有许多强大的功能，如代码完成、语法高亮、调试、重构、版本控制集成和代码质量分析等，从而提高了开发人员的效率。

3、HBuilder

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

4、HttpWatch

HttpWatch是强大的网页数据分析工具.集成在Internet Explorer工具栏.包括网页摘要.Cookies管理.缓存管理.消息头发送/接受.字符查询.POST 数据和目录管理功能.报告输出.HttpWatch 是一款能够收集并显示深层信息的软件。它不用代理服务器或一些复杂的网络监控工具，就能够在显示网页同时显示网页请求和回应的日志信息。甚至可以显示浏览器缓存和IE之间的交换信息。集成在Internet Explorer工具栏。

5、LivePage

LivePage是一种浏览器扩展，它可以实时预览Web页面中的HTML、CSS和JavaScript代码，并支持在页面上进行实时修改和编辑。 LivePage适用于Web开发人员，可以让他们更快地编写和调试代码，提高效率和准确性。LivePage就是一种免费的谷歌扩展插件，能在你对本地文件做出修改后自动刷新你的页面。

6、BrowserSync

当你开发响应式网站时，需要做大量的测试和调整工作。而 BrowserSync 可以让你的这个开发和测试过程更加快速，通过在多个设备上同步 URL、交互和代码变动来实现快速的同时多设备测试。BrowserSync 基于 Node.js 开发。

7、WhatFont

WhatFont是一款可以帮助用户识别当前网页中的字体的谷歌浏览器插件，在chrome中安装了WhatFont插件以后，用户可以选择当前网页中的字体进行查看，WhatFont插件会给出当前网页字体的详细信息，如果您是一位网页的前端开发人员，使用该插件能够帮助用户更快地了解到网页中的字体，从而结合这些字体创建出一个精美的网站。

8、TestMySite

TestMySite是一个由Google提供的在线工具，它可以帮助网站开发者测试和检测其网站在移动设备上的性能，并提供关于页面加载速度、响应时间和优化建议等方面的报告。Testmysite.io是一个在线网站检测工具，主要是通过全世界的几个检测点来检测网站的TTFB (Time To First Byte)、Full Download Of HTML 、HTTPS 、HTTP2 、Valid SSL Certificate这几个数据。

延伸阅读1：Web开发

Web开发是为Internet（World Wide Web）或Intranet（私有网络）开发网站所涉及的工作。Web开发的范围可以从开发简单的纯文本单个静态页面到复杂的基于Web的Internet应用程序（Web应用程序），电子商务和社交网络服务。网络开发通常涉及的更全面的任务列表，包括网络工程、网络设计、网络内容开发、客户联络、客户端 / 服务器端、脚本编写、Web服务器和网络安全配置以及电子商务开发。