生活 第9章 Chrome必备插件 生活 第9章 Chrome必备插件

2016-12-23

1、adblock 插件

点击“现在获取ADBLOCK”即可向chrome添加chrome插件:这个插件安装完成后不需要额外配置,即可拦截大多数广告

2、Momentum

给单调的Chorme首页披上一个漂亮的风景照~毕竟谷歌浏览器的页面打开是这样的。。。

https://file.lulublog.cn/images/3/2022/08/azO3ekI3DA8EFrOIKK2kDKZ3eaPk5B.png

感觉只能用苍白来形容页面,但是用Momentum后,每天都有一张500px的风景照奉上。简直是颜值党的福音。

https://file.lulublog.cn/images/3/2022/08/x640Nzt28vXY83Y4DXE7bXVDw7dbxp.png

还能在右下角添加你今天的To Do list~

https://file.lulublog.cn/images/3/2022/08/AKZicq6fVw1bWtCliIW06CXVBt6KNx.png

3、清除历史记录

Click&Clean

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

https://file.lulublog.cn/images/3/2022/08/JtNYtn0H4j70hy6TuU6Z9NeHqS04n9.png

4、postman

用来模拟浏览器post、get、head、put 等请求,开发者的钟爱

https://file.lulublog.cn/images/3/2022/08/cWJRNr5F6F5jLxD73lnNw855AnnLrX.png

5、代码特效图

Marmoset

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

https://file.lulublog.cn/images/3/2022/08/MPBBxkT5vg5qBUg3BNAk3Dsg3aBn3p.png

6、网站分析工具

Wappalyzer

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

https://file.lulublog.cn/images/3/2022/08/HDU2SV2BisGabsAghyUZMQQ25Zha2l.png

7、程序调试工具

Firebug Lite

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

https://file.lulublog.cn/images/3/2022/08/t4Ql62C9CCmMC24PUS46Z9Tzc63T2y.png

8、字体乐园

Font Playground

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

https://file.lulublog.cn/images/3/2022/08/p8118ZetfzJxC1fP9taJ8oKScF5ZYe.png

9、搜索图片

Search by Image

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

https://file.lulublog.cn/images/3/2022/08/i622mEyOoBUbWeU00B5E0yY2yE60lU.png

10、天眼-反向图片搜索 

TinEye Reverse Image Search

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

https://file.lulublog.cn/images/3/2022/08/O77Y7m43977B0TQlm0QTB3tm4jC7MC.png

11、内建技术构建者

BuiltWith Technology Profiler

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

https://file.lulublog.cn/images/3/2022/08/c8CCPN0cqB03qE5lhha83HRaJ3Z85p.png

12、像素标尺

Page Ruler

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

https://file.lulublog.cn/images/3/2022/08/c2hrg1HZdrhmJJvijl8j1hlhDG8dzD.png

12、FE 助手

https://file.lulublog.cn/images/3/2022/08/cq0tKT0C0t7Zh101K11cQ51Kk11HCh.png

13、手势插件

CrxMouse

这款插件可以充分、方便、快捷地发挥鼠标的所有操作,其中包括鼠标手势,超级拖拽,滚动手势,摇杆手势,平滑滚动,标签页列表等功能,比如在Chrome浏览器中画上一个向左的转折线就可以快速地把当前的标签页关闭。

https://file.lulublog.cn/images/3/2022/08/l27NgdmCz0227VvcbPi5n207pdoPpk.jpg

14、油猴插件

tampermonkey

Tampermonkey ,俗称“油猴子”。是一款免费的浏览器扩展和用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。

https://file.lulublog.cn/images/3/2022/08/aH1SXhhZOs4QkS6Zhxksa4pqXWh4sf.png

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开微信扫一扫,即可进行扫码打赏哦

阅读 3208