实用贴 | 适用于程序员的最佳 Chrome 扩展工具

毫无疑问,Google Chrome 备受开发者青睐,它提供了一套Chrome DevTools,是 Web开发和性能调试的必备工具,旨在为开发人员提供更轻松的生活。 可是 Chrome 能作的远不止你日常用的那么简单:Chrome的功能经过成千上万的附加组件和扩展功能进行扩展,让开发者们能够在开发过程当中运用各类技巧测试网站和应用程序;尝试其余字体和布局;以及大大提升效率。html

本文列出了一些对开发者的最有用的、用户友好和功能丰富的扩展工具并附上评分。开发者们可根据本身的须要进行选择。前端

The 44 Best Chrome Extensions for Developers

一、网站分析工具 Wappalyzer

当前评分:5/5git

Wappalyzer 是一个实用的跨平台网站分析工具,用于帮助开发者、研究者和设计者检测网页使用的是什么技术,以更好地衡量本身的项目中该使用什么技术。Wappalyzer 的功能和 BuiltWith 相似,可检测内容管理系统(CMS),电子商务平台、Web服务器、JavaScript框架和已安装的分析工具等。在这里查看Wappalyzer检测到的应用程序列表。github

best google chrome extensions for web and app developers

二、代码特效图 Marmoset

当前评分:5/5web

Marmoset 由一段 Nginx 代码组成,能够在短短几秒钟内帮助你制做漂亮的代码截图,输出线框和标记代码。 此外,您能够添加主题和其余效果,它支持多种常见及不常见的代码语言类型,内建大约数十种配色,制做好的图片能够看成电脑桌面壁纸使用,绝对是极客必备。 这个简单直观的附件,用户只需稍做了解,便在性能评分中坚决果断地给出使人垂涎的5星。chrome

Marmoset

三、批量打开多个连接 Linkclump

当前评分:5/5数据库

Linkclump 是一款用来批量打开网页多个连接的扩展工具,只须要用鼠标拖动框选全部想要打开的连接,就能在 LinkClump 的新标签页、窗口中一次性打开它们,还能够保存为书签,复制到剪贴板,关键词过滤(即包含的关键词打开或者不打开),延迟打开,反向选择打开连接等等。 这个插件源代码能够在GitHub上找到。浏览器

best google chrome extensions for web and app developers

四、清除历史记录 Click&Clean

当前评分:5/5缓存

在超过45,000条评论中能一直维持5分好评可不是件简单的事,但Click&Clean 作到了!经过 Click&Clean插件,用户能够选择多种方式来清除Chrome中的历史记录。而Click&Clean的清理界面也设计的很是新潮,它只需点击一下便可删除键入的URL,缓存和Cookie以及下载和浏览历史记录。 Click&Clean甚至还能删除客户端Web SQL数据库,Flash Cookies (LSOs)等。 这但是Google Chrome浏览器的第一个私人数据清理工具。服务器

best google chrome extensions for web and app developers

五、程序调试工具 Firebug Lite

当前评分:4.5/5

Firebug 是站长和博主的必备网络工具。它能对HTML页面的代码进行分析,并能对网页式样元素提供实时预览。它不是Firebug或Chrome Developer Tools的替代品,相反,它与这些工具巧妙结合使用,提供诸如HTML元素的丰富视觉效果,DOM元素和Box模型着色功能,实时编辑CSS属性等,它还能对网站的性能进行测试评估,提供对诸如载入时间等的分析。你能够进入Chrome扩展程序中心的Firebug页面进行下载安装Chrome版的扩展 Firebug Lite

best google chrome extensions for web and app developers

六、字体乐园 Font Playground

当前评分:4.5/5

这是另外一款很是有用的前端工具,字体乐园(Font Playground)让在你的应用或者网站上无需改变任何东西而实验不一样字体成为可能。你能够获取到超过1000种免费谷歌网页字体,它能让你在短短几秒钟内预览该字体的效果。

Font Playground

七、搜索图片 Search by Image

当前评分:4.5/5

搜索图片是谷歌亲生的方向图片搜索插件,其受权你能够在网页的任何图片上使用谷歌搜索(比天眼灵活,亲生就是不同),简单的在图片上点击右键,而后选择“找谷歌上找这种图片”(Search Google with this image)。若是这是你常常用的插件,你也能够经过添加点击图片搜索来快速使用这个功能。了解更多谷歌图片搜索,请看 这里

best google chrome extensions for web and app developers
八、天眼-反向图片搜索 TinEye Reverse Image Search 

当前评分:4.5/5

第一个依赖图片身份技术的反向图片搜索引擎(以抗议关键字加密,元数据和水印)(编者:深深鄙视找来的好图还要加水印的人),天眼能简单的快速搜索到几乎全部图片原资源。它为每一张要搜索的图片建立一个独立标识,而且与数据库中其余图片的
标识进行精确匹配(非相似匹配),包括已被编辑,压缩,重定义大小了的匹配图片。以此每周有上千万的图片被添加进数据库。访问 天眼博客 以得到最新更新和信息。

best google chrome extensions for web and app developers

九、内建技术构建者 BuiltWith Technology Profiler

当前评分:4.5/5

搞清楚一个网页如何创建按钮的点击须要感谢内建技术构建者,一款不错的易用网页建构工具。在你点击构建图标后,这款控件能返回全部能在这个网页运用的技术。访问“BuiltWith”网页获取更多信息,你也能够在“BuiltWith” 网页添入url来探索那个网站使用的技术。
best google chrome extensions for web and app developers

十、像素标尺 Page Ruler

当前评分:4.5/5

像素标尺能为你在任何一个网页显示标尺,它能够为任何你想要测量的页面控件提供宽,高,位置(上,下,左,右)等信息。标尺的大小,位置能够很容易地经过拖动标尺边缘、改变靶心位置、或者在工具栏手动更新标尺大小和位置来作精确调整。像素标尺一样提供了一个“组件模式”,其会在你鼠标移到组件上时显示该组件轮廓。更赞的是,你能够浏览任何控件的父控件,子控件,同级控件。这个 Chrome 插件拥有超过 60 万用户,超过1450人给予其最棒的评价。想要了解详情,请戳开发者官网:blarg.co.uk.

Page Ruler

除了以上几种,还有不少超棒的适用于开发者的 Chrome 扩展工具等着你去探索。你也能够在评论中发表本身的见解,以供更多的开发者交流和学习。