文档章节

实用贴 | 适用于开发者的最佳 Chrome 扩展工具

编辑部的故事
 编辑部的故事
发布于 2017/04/05 01:44
字数 1808
阅读 5712
收藏 266

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

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

The 44 Best Chrome Extensions for Developers

1、网站分析工具 Wappalyzer

当前评分:5/5

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

best google chrome extensions for web and app developers

2、代码特效图 Marmoset

当前评分:5/5

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

Marmoset

3、批量打开多个链接 Linkclump

当前评分:5/5

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

best google chrome extensions for web and app developers

4、清除历史记录 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

5、程序调试工具 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

6、字体乐园 Font Playground

当前评分:4.5/5

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

Font Playground

7、搜索图片 Search by Image

当前评分:4.5/5

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

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

当前评分:4.5/5

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

best google chrome extensions for web and app developers

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

当前评分:4.5/5

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

10、像素标尺 Page Ruler

当前评分:4.5/5

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

Page Ruler

除了以上几种,还有很多超棒的适用于开发者的 Chrome 扩展工具等着你去探索。你也可以在评论中发表自己的看法,以供更多的开发者交流和学习。

责任编辑:OSC-两味真火

转载必须在正文中标注并保留原文链接和作者等信息

© 著作权归作者所有

编辑部的故事

编辑部的故事

粉丝 1473
博文 264
码字总数 512489
作品 0
深圳
运营/编辑
私信 提问
加载中

评论(9)

笨蛋EGG
笨蛋EGG
下不了····只找到一个····
海诺者
海诺者
确实很棒
xaoyaoyaomm
xaoyaoyaomm

引用来自“麦壳原野”的评论

求好用的翻墙利器。

引用来自“Kiss_”的评论

shadowsocks
shadowsocks蛮不错的
Fly_f
Fly_f

引用来自“麦壳原野”的评论

求好用的翻墙利器。
shadowsocks
Eric_林
Eric_林

引用来自“麦壳原野”的评论

求好用的翻墙利器。
花点钱的才是最好用的
天才很猥琐
天才很猥琐

引用来自“麦壳原野”的评论

求好用的翻墙利器。
goproxy 对于开发翻墙够用了,速度也够快;视频能看,人多就慢,人少1080P无压力。
魏晋秋
魏晋秋
又是标题党
substring
substring

引用来自“麦壳原野”的评论

求好用的翻墙利器。
蓝灯就差不多够用了,不看视频的话
麦壳原野
麦壳原野
求好用的翻墙利器。
Linux、Mac版Chrome 4.0 Beta首登场

几经等待后Google终于在今天为Mac和Linux平台提供了Chrome浏览器,虽然仍处于Beta测试阶段,不过作为首个官方正式发布的Beta版本,这两个版本的发布为Chrome向跨平台多元用户的发展提供了更好...

红薯
2009/12/09
416
3
页面审核工具 Chrome Lighthouse 简介

作者:Bolaji Ayodeji 翻译:疯狂的技术宅 原文:www.freecodecamp.org/news/introd… 未经允许严禁转载 Chrome Lighthouse 已经存在了一段时间了,但如果我要求你解释一下它能做什么,你能解...

前端先锋
06/28
0
0
Google Chrome 74稳定版发布:减少晕动症状

谷歌今天发布了适用于Windows、macOS、GNU/Linux、Android和iOS平台的Chrome 74稳定版更新。该版本更新减少了晕动症状、私有类字段,改进了功能策略和引入了更多的开发者功能。目前Chrome浏览...

稿源:
04/24
0
0
[译]WEB开发者最好用的Chrome扩展程序

毫无疑问,WEB设计者和开发者都喜欢用Google Chrome以及Chrome扩展程序。强而有力的Chrome开发者工具使它成为WEB设计和开发工作的最佳选择。Google开发者工具已经提供了大量的功能,但是,如...

Specs
2014/01/27
526
0
Google Chrome即将获得默认的密码检查功能

谷歌今年早些时候发布了针对Chrome桌面的密码检查扩展程序。此扩展程序允许用户检查他们的密码是否已在在线泄露中受到损害。这是一个非常实用的小工具,以至于连开发人员都觉得这是必备功能。...

稿源:
08/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

arduino项目-1. 模拟楼道灯

@toc 1.1 情景说明 说明 漆黑的夜晚,当有人非法进入一所房屋,房屋内的灯在恰当的时间亮起,也许会有效阻止非法活动的继续。 效果展示 1.2 实验器材 器材名称 数量 继电器 1 人体红外感应器...

acktomas
15分钟前
3
0
Nacos 常见问题及解决方法

Nacos 开源至今已有一年,在这一年里,得到了很多用户的支持和反馈。在与社区的交流中,我们发现有一些问题出现的频率比较高,为了能够让用户更快的解决问题,我们总结了这篇常见问题及解决方...

阿里云官方博客
22分钟前
3
0
pinyin4j 满足中文转拼音的需求

引入依赖 // https://mvnrepository.com/artifact/com.belerweb/pinyin4j //汉字转拼音compile group: 'com.belerweb', name: 'pinyin4j', version: '2.5.1' 写入中文转拼英的工具......

edison_kwok
27分钟前
2
0
IPSE接入Substrate/Polkadot插槽实现互操作性的运行原理

Substrate框架将区块链的众多功能都模块化,对于开发者来说,只是一个选择的问题,同时还保持了众多的可以定制的功能和模块,比如底层通信模块,比如账户体系,比如共识机制等都是可以自己定...

IPSE
33分钟前
154
0
linux配置安装phpMyAdmin的步骤记录

1、首先在phpMyAdmin官方网站 http://www.phpmyadmin.net/downloads下载源码包,或者通过脚本之家进行下载://www.jb51.net/codes/405261.html ,下载后上传到服务器解压即可,或者通过Linux...

蜗牛女孩
34分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部