适用于程序员和开发人员的15个最佳Chrome扩展

如果您是不使用Chrome的程序员,那么您就是少数。

有很多理由都倾向于使用此浏览器进行编程,例如Google对方向的巨大影响在网络上,内置的功能使开发工作更轻松,并且可用的扩展数量很多。

最后一点是至关重要的。截至2018年2月,Chrome在台式机上拥有60%以上的市场份额,这也就不足为奇了,大多数扩展程序创作者首先将精力集中在Chrome上。就是说,如果您是任何类型的开发人员,尤其是Web开发人员,那么这里都是最好的Chrome扩展程序。

常规开发扩展程序

Chrome浏览器的功能很棒称为自定义用户个人资料的功能,可让您创建单独的书签,设置,标签,历史记录等集合。如果您还没有的话,绝对应该专门为编程设置一个。

但是Session Buddy需要进一步,您可以保存特定的“选项卡会话"并在它们之间随意切换,这在您处理多个项目时非常方便。

下载:会话伙伴

iMacros是使您可以自动执行重复任务的扩展。您可以“记录"某些操作(例如,鼠标单击和按键),将它们另存为宏,然后在需要时单击即可运行它们。

下载: iMacros for Chrome

Web Timer跟踪您在各种网站上花费(或浪费)的时间,这可以帮助遏制拖延的趋势。它仅在Chrome处于焦点时进行跟踪,并且它足够聪明,可以在闲置时停止跟踪。

下载: Web计时器

如果您要使用更高级的时间跟踪器,我们强烈建议您使用跨平台的Toggl。

Awesome屏幕截图是一款多合一的扩展程序,用于抓取屏幕截图,录制屏幕视频,对快照图像进行注释和模糊处理,以及单击与他人共享您的屏幕截图。一项漂亮的功能是它可以对整个网页进行屏幕截图并将其拼接成一个大图像。对于在Chrome之外也可以使用的解决方案,请查看以下用于创建屏幕截图的最佳工具。

下载:很棒的屏幕截图

Marmoset是一个有趣的小工具用于创建代码的3D屏幕截图。捕捉图像后,您可以旋转,倾斜和缩放3D,这在您想要共享片段时变得更加有趣。当您在项目主页上创建基于代码的股票图像或查看源代码时,此功能也很有用。

下载:Marmoset

Web开发扩展

如果您安装了一个扩展程序以帮助进行Web开发,那就让它成为这个吧。 Web Developer具有许多便利功能,包括一键切换JavaScript和插件,​​调整窗口大小以测试响应式设计,图像的测试和调试等等。

下载: Web开发人员

在Chrome网上应用店中许多“用户代理切换器"扩展程序中,这是最好的。它仍在更新中,不会劫持链接,它带有许多默认的用户代理字符串,但还允许您创建自定义用户代理字符串。这是同类产品中唯一可以正常使用的扩展。

下载:用户代理切换器

如果您想知道哪种Web技术是为特定站点供电时,Wappalyzer只需单击一下即可告诉您。它足够智能,可以检测CMS(例如WordPress),Web框架(例如React),工具和实用程序(例如Google Analytics(分析)),电子商务平台(例如Shopify)等等。

下载: Wappalyzer

截至2018年2月,超过13%的桌面用户仍在Internet Explorer上,这很可惜,因为IE远远不符合现代Web标准。这就是为什么需要IE Tab的原因,它可以在新标签中模拟IE,并允许您测试各种版本的网站:IE6,IE7,IE8,IE9以及ActiveX控件。如果您需要自己的网站与所有浏览器兼容,无论它有多旧,它都非常有用。

下载: IE标签

在开发网站时,不断清除浏览数据以确保您正在加载新的更改的事情更令人讨厌。 Click&Clean不仅使其速度更快,而且还提供了对您可以清除的内容的更多控制(例如,删除数据库和插件数据,为某些站点保留cookie等)。

下载:单击并清除

WhatFont是识别网络上字体的最快方法。右键单击一个元素,选择“检查元素",然后浏览样式表以查找其内容是一回事。使用WhatFont,不仅可以将鼠标悬停在元素上来查看字体,还可以告诉您如何提供该字体(例如Google Fonts,TypeKit等)。

下载: WhatFont

ColorPick滴管是一种工具,可让您放大并获取任何网页上任何像素的确切颜色代码。颜色代码有十六进制,RGB和HSL。与检查元素以查看样式表中正在使用的颜色,或在图像编辑器中下载图像并选择颜色相比,这非常方便,而且速度要快得多。

下载:

在开发网站时,最终将需要一些虚拟文本。 Lorem ipsum生成器在网络上很丰富,但是Lorem Ipsum Generator始终可以在当前选项卡中立即使用。快速,您可以自定义想要的段落以及每个段落的句子。

下载: Lorem Ipsum Generator

一个Web开发项目,您需要对所有核心页面进行最后检查,以确保所有链接都正常工作。 “检查我的链接"使该过程尽可能简单。只需单击该按钮,它将扫描当前页面上的所有链接,然后根据每个链接是否损坏或突出显示它们。

下载::检查我的链接

Dimensions比Web开发更像是一种Web设计工具,但是由于两者往往重叠,因此您可能需要使用此扩展。简而言之,它可以立即测量任意两个Web元素之间的距离,包括文本,图像,视频和表单字段。它还可以测量从鼠标光标到任何受支持的Web元素的距离。

下载:尺寸

更多可能有用的Chrome扩展< /

除上述内容外,我们还强烈建议您使用这些标签管理Chrome扩展程序和这些商务生产力Chrome扩展程序,这两件事可能会使您作为使用Chrome的开发人员感到沮丧。

您应该还可以查看我们精选的最佳Chrome扩展程序,这些扩展程序涵盖了从安全性到娱乐性,从购物到综合生产力等所有方面。

标签: 浏览器扩展程序 Google Chrome浏览器 编程