我们在日常开发的时候，经常会使用一些辅助的工具进行web 开发，今天小编来判断一些小编压箱底的web开发工具，希望对你有帮助。

闲言少叙，直接步入正题：

网站字体查看器

有时候不管是设计师还是程序员都需要查看一下一个网站的字体是什么，whatFont 浏览器插件就可以很好的帮助我们处理这个问题。

借助 whatfont 插件我们可以实现快速借鉴别人网站的优秀字体了。

Squoosh

一款离线图片压缩软件，压缩率非常高，非常好用，支持多种图片格式的压缩，压缩率可以自定义，压缩60到70基本上看不出差异，但是体积可以从 几M 降低到 几十 KB。

insomnia

这是一款轻量的 API 开发平台软件，可以构建高质量的 API，可以算是 postman 的替代品了。支持离线使用，自动化测试 以及调试 API

browserstack

browserstack 是一个测试云平台，可以在这个平台上将自己的产品运行在真实的环境中，而不是模拟器中。这样可以让我们发布的产品在上线前，可以做到展现一致性。有利于提升产品的质量。

json-schema

json-schema 是一个提供校验 json 数据格式的工具，它可以保证我们的产品json数据具有一致性的 json 数据格式和限定参数，确保了 数据的一致性。

Storybook

Storybook 作为 UI 组件库文档的先锋，其丰富的功能一直是组件库编写示例和demo的不二选择。

storybook 拥有以下的优点：

• 独立构建UI组件和页面
• 提供组件使用的边界情况和demo
• 支持插件模式，便于快速生成组件库文档
• 可以直接发布作为组件库文档

Cypress

Cypress 是一个优秀的 端到端的自动化测试软件，拥有丰富的API 可以让你快速验证你的产品是否符合需求，是前端质量保障的重要一环。

小结

也许这些工具不一定是你现在所需，但是我相信只要你一直深耕在前端开发领域的时候，一定会用到的。

如果本文对你有帮助，欢迎点赞、收藏、转发。