前端开发现在技术革新越来越好，而开发者在面对各种各样的需求时，总是头疼不已，今天就为大家准备了一些前端开发必备12款工具，合理使用完全可以简化你的前端开发工作。

      1、Wappalyzer

      这个工具可以让你知道一个网站是用什么搭建的，就是它的内容管理系统、电商平台或者营销自动化工具。学习怎么样去创建一个网站，这是一个很棒的工具。

      2、Window Resizer

      响应性设计是现代网站最重要的特征之一。您需要测试您的网站是否可以在各种类型的设备上查看。使用窗口调整大小来调整网页浏览器窗口，以模拟不同的屏幕分辨率。

      3、Marmoset

      程序员的一部分工作就是把自己的代码展示给客户或者上级，但是定期截图可能没那么醒目，所以你要把它们做得生动。用Marmoset给我的代码拍了一些很酷的快照，然后把这些快照放在幻灯片上，给人留下好印象。

      4、Web Developer Checklist

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

      5、Code Cola: Source Code Viewer

      如果你使用 Chrome 并且想要在页面上编辑 CSS，那么可以使用审查元素特性（译者注：Google Chrome 浏览器打开网页后，点击右键出现的菜单：Inspect/ 审查），但是它可能太过于灵活。Code Cola 是一个 Chrome 扩展，使用起来容易得多。

      6、CSSViewer

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

      7、JSONView

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

      8、Lighthouse

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

      9、Clear Cache

      每当需要清除网页浏览器上的缓存时，通常必须手动转到“设置”页。这是前端开发者经常做的一项任务，用于测试他们正在处理的网页。

      10、Cookie Manager

      拥有一个好的 cookie 管理器是前端开发的另一个关键的工具，尤其是当你的网站处理数据时。Cookie Manager 使这个过程更加简单和高效。

      11、LiveReload: Preview Tool

      你可能想确切地知道你的网页在背后做了什么，比如它在使用时会改变什么文件。LiveReload 是一个很好的预览工具。

      12、Postman

      如今，前端开发者必定要处理 API，以便将页面与各种 web 服务集成在一起，这是简化 API 构建过程的一个很好的工具，它还简化了团队协作。

      想要学习web前端开发，可以参考千锋成都web前端培训班（cd.mobiletrain.org）的学习路线，千锋成都还有免费的web前端入门视频，快来跟着免费视频学习，看看你是否适合学习web前端。

上一篇

成都ui设计培训真的有用嘛！好找工作嘛！

下一篇

成都Python培训选择线上还是线下培训班呢？