新手应该知道的8个Web前端工具

作为一名零基础学习Web前端开发的新手，除了要学习Web前端相关知识点之外，一些能让我们在开发中事半功倍的工具也要了解。为了帮助新手更好的学习Web前端开发，小编就给大家介绍新手应该知道的8个前端工具。

1、Wappalyzer

这个工具可以让你了解到某个网站是用什么搭建的，即它的内容管理系统、电子商务平台或营销自动化工具。研究如何创建一个网站，这是一个很棒的工具。

它还创建了使用某些技术的网站列表，这些技术可以帮助你了解如何构建客户的网站。准备大型项目时，非常方便。

2、Window Resizer

响应式设计是现代网站最重要的特性之一，你需要测试你的网站是否可以在各种各样类型的设备上查看。你可以看到你的布局在特定分辨率下的外观，你可以自定义分辨率、设置窗口宽度和高度、窗口位置等。

3、Marmoset

程序员工作的一部分就是向客户或上级展示他们的代码，但是常规的屏幕截图可能不那么吸引眼球，所以你要让它们变得生动起来。

4、Web Developer Checklist

作为一个前端开发者，很容易忘记需要做的每一件事。当你在截止时间前急着完成项目的时候，你可能跳过了关键的步骤。这就是Toptal的Web Developer Checklist，它可以节省你的时间。

Web Developer Checklist它提供了前端Web开发中最重要步骤的清单。它还分析网页中是否存在违反最佳实践的情况，以便你可以修复这些问题。

5、Code Cola:Source Code Viewer

如果你使用Chrome并且想要在页面上编辑CSS，那么可以使用审查元素特性，但是它可能太过于灵活。CodeCola是一个Chrome扩展，使用起来容易得多。这是Chrome上很棒的CSS编辑器，对初学者有特别友好的界面。

6、CSSViewer

如果你只需要查看网页上的CSS属性，CSSViewer非常棒。只需单击图标并将光标悬停在要检查的任何元素上，就可以看到它的CSS属性。

7、JSonView

SON经常用于那些需要处理数据传输的网站，任何前端开发者都需要掌握并熟悉它。使用JSON时，通常需要查看和验证页面上的JSON文档。

8、Lighthouse

如今，自动化越来越成为前端开发的必要条件。Lighthouse是一个开源的自动化工具，用于提高网页质量，你可以使用它来检测页面性能、可访问性、搜索引擎优化SEO等等。

以上这8个工具可以让初学者在Web前端开发中事半功倍，想要更好的学习Web前端开发