那些超好用的浏览器扩展,你知道几个?

系统 浏览器
因为这些扩展的出现,浏览器已经不仅仅只是一个网页浏览工具,它更是一个提升开发效率的工具,有了这些工具,我们的工作效率变得非常高效,生活也变得更加轻松。

作为前端开发人员,每天都会有很多不同的任务。幸运的是,我们有很多免费的工具和资源可以使用。这些免费的资源和工具,可以让我们轻松处理各种任务。

Chrome 的扩展程序就是一个非常不错的工具,它可以提高我们作为开发人员的生产力。

下面我们介绍一些非常好用的浏览器扩展。

ColorZilla

ColorZilla 是一个非常流行的 Chrome 扩展程序,该扩展提供了非常多有用的功能,例如吸管,颜色选择,CSS 渐变生成器等等。它允许您从浏览器上的任何地方吸取颜色,然后根据需要在代码中使用它们,此外,它还允许生成渐变,获取任何网站的调色板,还可以查看最近选择的颜色的历史记录。

JSON Viewer

这是一个让 json 文档更加方便阅读的插件,它会自动突出显示并验证浏览器上的 JSON 数据。它让我们更容易读取 JSON,尤其是当我们想从 API 或其他东西获取一些数据时。

图片

Wappalyzer

作为开发人员,有时当您从浏览器访问网站或 Web 应用程序时,您会对用于创建该网站或应用程序的技术和工具感到好奇。

图片

这就是 Wappalyzer 发挥作用的地方。它可以帮助您识别用于创建该网站或应用程序的所有工具、框架、库和语言。

Githunt

Githunt 是一个非常棒的扩展,可以在浏览器的新选项卡中突出显示所有 GitHub 趋势项目。

使用此扩展,您可以搜索多种语言的项目、阅读项目或存储库的说明、查看 GitHub 星数以及更多功能。

图片

因此,如果您想为开源项目做出贡献,或者您只是在寻找项目创意,这是一个很好的扩展。

Daily Dev

如果您想始终了解最新技术和开发人员新闻,Daily Dev 对您来说是一个很好的扩展。它收集整理了当下非常流行的开发人员的技术文章,可以让你始终了解最前沿的技术。

图片

CSS Peeper

有没有想过网站上的行高、字体或按钮大小是多少?我们为您提供了满足您好奇心的终极工具。CSS Peeper 提供了一种以最简单的方式检查网页样式代码的方式。它可以非常轻松地查看网站上的行高、字体或按钮大小,可以检查网络上对象、颜色和资产的隐藏 CSS 样式。

react tools

如果你在你的项目中使用 ReactJS,这是一个重要且必须使用的扩展。它允许您在浏览器中调试 React 代码,还可以访问代码上的所有 React 组件。

图片

几乎所有 React 开发人员都使用此扩展,它拥有超过 300 万用户。

Momentum

Momentum 可以帮助您提高开发人员的工作效率。它允许您将浏览中的新标签页替换为可自定义的仪表板,其中包括待办事项列表、天气预报和鼓舞人心的报价。

图片

新的标签页,既能让你平静下来,又能激励你提高工作效率。它可以帮助您通过每日照片和报价获得动力,设置每日重点并跟踪您的待办事项。

通过在每个新选项卡上提醒您当天的目标,此扩展程序可避免分心并有助于对抗拖延。

Responsive Viewer

响应式查看器是一个了不起的扩展,使您能够在一个视图中显示和查看多个屏幕。对于 Web 开发人员或任何处理响应式 Web 设计的人来说,这是一个很好的扩展。

图片

Page Ruler

如果您想测量网页上的元素和距离,页面标尺将是一个有用的扩展。它允许您使用简单的标尺轻松测量以像素为单位的页面元素。

当您在页面上移动鼠标时,它将绘制一个矩形标尺。标尺的宽度、高度、起点和终点都标有匹配的指标单位。

移动光标时,矩形会发生变化,并且所有数字和指标都会更新。

结论

因为这些扩展的出现,浏览器已经不仅仅只是一个网页浏览工具,它更是一个提升开发效率的工具,有了这些工具,我们的工作效率变得非常高效,生活也变得更加轻松。

责任编辑:武晓燕 来源: 程序那些事儿
相关推荐

2019-10-16 11:35:18

Chrome浏览器新扩展

2020-11-17 08:07:29

存储类型浏览器

2022-05-30 07:58:52

浏览器插件

2018-01-02 12:13:39

浏览器火狐扩展

2021-05-11 05:39:07

Edge微软浏览器

2019-05-27 14:09:44

开发者技能工具

2022-09-20 09:33:07

Firefox浏览器

2019-04-08 10:27:00

渲染浏览器DOM

2015-01-21 15:45:50

斯巴达浏览器

2022-07-03 23:26:38

DOMHook封装

2013-11-22 09:58:36

2022-06-28 22:17:52

浏览器底层css

2011-09-15 16:33:25

2018-04-28 09:02:14

Chrome浏览器语言

2012-09-07 13:57:24

浏览器Chrome

2016-07-21 17:26:52

存储,灾备

2010-08-17 09:06:06

IE浏览器

2023-08-29 07:52:09

CSS库网络动画

2018-05-22 15:00:52

谷歌Chrome浏览器

2023-12-06 14:23:24

点赞
收藏

51CTO技术栈公众号