简单的 Chrome 扩展程序让我的工作更轻松

没有时间介绍！

我从事前端工作已有一段时间了。

以下是一些对我有帮助的扩展。

标题上的链接。

出发啦！🏃‍♀️🏃‍♂️💨

农药

Pesticide 非常适合调试 CSS 中不可见的内容。我指的是边距、填充以及所有填充了空间但你无法确定其起始和结束位置的内容。

这个扩展真的再简单不过了。它的作用是给页面上的每个元素都添加 1px 的边框，瞧！

实时 CSS 编辑器

顾名思义，Live CSS 编辑器允许您通过一个简洁的小方框为每个页面添加 CSS。它非常适合在不打开 DevTools 的情况下快速调试和测试小样式。

完美像素

当您需要在页面上完美放置像素时，PerfectPixel 特别实用。

不过说真的，当你的实现需要看起来非常接近布局时，没有比这更好的工具了。

.jpg只需在屏幕上粘贴半透明内容并调整 CSS 直到匹配即可。

ColorZilla

有时您只需要选择一种颜色。

ColorZilla 是满足您颜色选择需求的最佳颜色选择器。

时间移位

如果您的产品需要支持多个时区，您可能已经知道，使用时区是通往沮丧镇的单程票。

此扩展程序无法解决您的问题，但它允许您伪造浏览器的当前时区，从而使时区调试体验稍微不那么糟糕。

转到全页

你需要分享你的进展，而且需要快速分享。

但出于某些未知原因，Chrome 不提供原生的截取整个页面截图的方式。

此扩展解决了该问题。

感谢阅读！希望这些扩展能让你的工作更轻松一些。

这周我超级焦虑，效率低下，所以最后一刻才匆匆写了这篇文章，好保持我的好状态。毕竟，我需要言行一致。

我今天早上可能也喝了太多咖啡。

无论如何！关注我的推特，在评论区留下你的建议。祝你周末愉快！😄

Toa Heftiba Unsplash拍摄