谷歌浏览器插件

工具

记录谷歌浏览器一些好的插件

  • restlet client:ajax接口数据检测
  • postman:ajax接口数据检测
  • JSON Viewer:JSON美化
  • CORS Toggle:一键跨域
  • Adblock Plus:屏蔽广告
  • StayFocusd:拖延者杀手
高效篇

Vimium
作为一款黑客级别的Chrome插件,对她的存在真是喜之不尽。为此,一年多以前特为她写了篇:Vimium~让您的Chrome起飞。工欲善其事,必先利其器的理念,被此款插件体现的淋漓尽致:拥有她,从此脱离鼠标操纵Chrome,且便捷数倍不止。f、gg、G、gg、r、yy、yt、x、t、j、k、J、K、B 等快捷键,皆是非常有用且常用的存在(也有同款名曰 Vimium + Visual mode )。当年有感叹到:“熟能生巧,至巧了,即可夺天之工”。高效必备,Vimium你值得拥有(★★★★★+)Vimium。

这里需要补充一款 cVim 插件,五星级插件,好评如潮;其功能与 Vimium 类似,而其功能目测要比她尤胜一筹(强化了搜索,Visual mode,以及文本选择等等);如果志向于如极客一般操控你的 Chrome,那么不妨一试,兴许这 cVim 会为你打开一个全新的大门,祝好;(而我,已先迷恋 Vimium,短时间内不会移情别恋); (★★★★★++)cVim。

Tampermonkey
据悉,Tampermonkey,她是一款强大的难以想象的浏览器插件,俗称“油猴子”;据说,她是高手必备的 Chrome 扩展,毕竟只有高手中的高手,才能领略到Tampermonkey的优美;据坊间传言,就算 Chrome 没有其他扩展,只有 Tampermonkey,Chrome 依然能吸引到一大群死忠 … 其官方描述只一句 The world’s most popular userscript manager,但她的话题却是无尽的去延展;这是一款伟大的插件,各路高手对她的赞美,已然到无以复加的地步;个人品级不够,难叙她的强大,看管须自行探索;唯一句:略经初探,她的存在,就好如 Mac 系统下的第一神器 Alfred 一般,强于不强,不仅在软件本身,同时也取决于使用者的功夫。

crxMouse Chrome Gestures
方便,快捷,充分发掘鼠标的所有操作,功能包括:鼠标手势、超级拖曳、滚轮手势、摇杆手势、平滑滚动、标签页列表等。在用Vimium之前,这真是挺常用的利器;当然如果你喜欢用鼠标,这款与你来讲,再好没有;你可讲常用的操作,定制鼠标手势;比如前进、后退、在新的标签页打开(默认,点击该链接一拖即可)等等(★★★★)。

利器篇

OneTab
了不得,这款插件我也是异常喜欢。当你发现自己有太多的标签页时,单击 OneTab 图标,将所有标签页转换成一个列表。当你需要再次访问这些标签页时,可以单独或全部恢复它们(★★★★★)。

The Great Suspender
这是一款 Chrome 下的多标签页管理应用,用来临时休眠掉不使用的标签页,从而释放出更多的内存和资源,让你做更重要的事情;在需要的时候点一下就能恢复。这跟 OneTab 还是有些区别的。

LastPass
密码管理软件。可将你所有的密码信息保存起来,你再也无需记住复杂繁多的密码了,只需登录到lastpass,然后保存你的密码,lastpass会自动帮你完成登录,不需要输入密码。它还允许你从任何主流的密码存储器导入和导出密码,捕获其它管理器无法捕获的密码包括很多 AJAX 表单。也可轻松地创建强大的密码。敏感信息在上传之前已在本地计算机上加密,因此就算是LastPass的员工也无法得到密码信息。更妙de在于,lastpass支持的不仅仅是Chrome,还有Firefox、opera,甚至IE;当然如果你有一套完善便捷的密码方案,可忽略之(★★★★)。

Infinity新标签页
Infinity新标签页,基于Chrome的云应用服务,让你更优雅、轻松地使用Chrome:她不仅让你的Chrome新标签页,变得很唯美(风景美图背景),且能十分实用——你可添加多个应用入口,且可随性自定义;虽然这功能跟Vimium的B有些重叠,却也蛮喜欢她的存在(★★★★★)。

Momentum
一款清新的新标签页插件,具有待办、天气、搜索功能,最最重要的是,插件的大背景,非常具有创意和艺术气息,每天更换;这跟Infinity同为美好的存在,如你更在意简洁文艺,不妨用此款(话说我司上下班打卡提示,就是此风)。

网页截图:注释&批注
五星评级插件;她,可以捕获整个页面或任何部分(包括桌面窗口),矩形,圆形,箭头,线条和文字,模糊敏感信息,一键上传,分享注释(也可以选择本地图片)。支持PNG和链接;实在是很有用的存在,值得拥有。

Joxi Full Page Screen Capture
Joxi Full Page Screen Capture 是一款可以帮助用户全屏截图的谷歌浏览器插件;用户在打开网页,需要截图的时候,不管该网页有没有滚动条,她都能完美地把整个网页进行截图。当然,也可以选取网页中的一部分进行截图,在选取了截图范围以后,用户还可以对截图进行简单的编辑。同类型的还有Blipshot(网页全屏、滚动截图)。

Print Friendly & PDF
一款可以帮助用户自定义打印内容,以及打印格式的谷歌浏览器插件,同时支持PDF的格式打印。Chrome 自带打印功能(command p或者右键),但不能满足复杂点的需求;而这款插件的存在,就解决了很多人的刚需:1. 可以滤掉一些不想打印的内容(去除打印页面中的所有图片、删除网页中的广告、删除多余的文字等方便的自定义打印的功能);2. 对打印的格式重新进行调整(比如调节打印的字体大小);还支持查看打印历史等等,如此贴心,值得拥有。

二维码(QR码)生成器
可以生成当前页面二维码,手机直接扫二维码就可以访问当前页面;虽不是很常用,但需要时候确实是挺有用。

花瓣网页收藏工具
图片爱好者的福音。此款插件的作用在于,在网页上出现的图片,都可以直接点击收藏到花瓣,提供画板作为分类进行收集,以后找图片素材或者欣赏之前看到过的好的图片时很方便;个人也是一直将其常开着。

清静篇

Adblock Plus
免费的广告拦截器,可阻止所有烦人的广告及恶意软件和跟踪。享受没有恼人广告的网络世界,网冲必备。

这里有必要补充一下,对此,有网友提出 ADM,Adguard,以及 广告终结者 等过滤广告的插件,且呼声蛮高。然而,在得知这些讯息后,我并没有想立即去体验;缘由是,够用就好 那懒的魔咒发作了;而据说,这广告终结者可以屏蔽掉视频中的广告,Look,当止于懒的时候,很可能就失掉了些美好,不是么?

Stylish
Restyle the web with Stylish(为任意网站自定义主题) ! 其官方描述为:利用用户样式管理器Stylish来重新编辑网站的样式。您可利用Stylish为许多网站安装主题和皮肤,也可创建自己的主题和皮肤。@少数派 有一篇文章不喜欢某个网站的样子?用 Stylish 给它一键「换肤」,蛮详细的介绍了如何使用她,给常用网站换肤;譬 Weibo-v6,flat-zhihu 等,感觉还是蛮好的。当然,还可以使用 Stylish 自定义网页字体、实现去除广告、补全浏览器部分功能等等,这都属于进阶部分,需要额外去探索;坚信,主动去折腾,会让生活更多彩多姿(★★★★★)。Update@2017-02-03

开发篇

作为程序开发者,遇到好多“程序员”,非常不熟悉所用的 Editor。对于那些漠视(或无视)工具的 Coder,多少有些劝导(虽然,这看起来有点像我悟到出家了,也欲劝他们也剃度似的)。可是,这里倒的确有番说辞的是,程序语言也好、内功心法也罢,还是这 Chrome,那 Sublime 等等,归其根都是工具的范畴,有什么好漠视的?反倒是,对编辑器,PS,Sketch 等工具的熟悉,当是早于那些语言的;毕竟,你应该明白,编程的时候,不能被输出给限制太多不是?再者,既有的工具不用,反倒是以步代车,是何道理?(以步代车,还能借机会锻炼下身子呢,那么有 Tools 不用的你呢?)。

Json-Handle
她可以帮助你在浏览器中查看 JSON 数据,并以优美的树视图姿势,展示出对应数据;如果你愿意,还可以配置快捷键,所需之时,一键呼出。在同类型插件中,这款是所见过最靓丽多姿的,并且功能完善;开发调试、手写 JSON,常备良品 (★★★★★)。

Postman
口碑极好的一款接口调试工具;不管是从事前端,还是移动端开发,这都是一款必备神器;如若还未用它嗨起来,想必多少会加点儿班来嗨了(当然,这是一句玩笑话;毕竟即便不用,很多时候加点班都是少不了的) (★★★★★)。

Vue React AngularJS Devtools
Vue 调试工具。如果你如今从事前端开发,大行其道的MVVM框架,决计是绕不过去的存在。那么以下是三大流行框架 Devtools,如需自取。
Vue.js devtools
AngularJS Batarang
React Developer Tools
Octotree
Code tree for GitHub and GitLab;作为五星好评的存在,大有相见恨晚的感觉,值得拥有;当你翻别人源码的时候,是否很苦恼,特别是你的网络不给力的时候,简直很抓狂,有否?而 Octotree 的存在,就是帮助你整理出来项目文件列表,立于侧边,好如编辑器一般;正如网友评论道: Can’t love it MORE (★★★★★)。

Allow-Control-Allow-Origin: *
JS 同源策略保障我们的页面安全;但是开发期间,大家并不想看到这烦人的家伙;尤其是如今前后端分离的时代,你总是需要些办法以解决跨域,比如代理、JSONP、改Host等等;而使用 Allow-Control-Allow-Origin: *插件轻松解决这个问题。

WEB前端助手(FeHelper)
FE助手:包括字符串编解码、图片base64编码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成器、编码规范检测、页面性能检测、栅格检测、JS运行效率分析等。

CSSViewer
CSSViewer是一个简单的CSS属性查看器。它有一个浮动面板,指明鼠标所在处信息,提供其字体、文本、颜色、背景、框、定位和效果属性的说明。 CSSViewer可以快速提供需要的基本CSS信息。

Wappalyzer
Identifies software on the web;Wappalyzer 是一个浏览器扩展,义译为Web应用指纹识别,它能够揭示某网站上使用的技术。它可以检测内容管理系统,电子商务平台,Web服务器,JavaScript框架,分析工具等等;浏览 Wappalyzer 能够检测到的应用的完整列表:https://wappalyzer.com/applications 。据悉为渗透工程师必备,同比之下还有 HackBar、Tamper Data等等;倘若,你想知道一个网站,使用什么技术,用此插件就对了。

其他篇
SwitchyOmega 五星级好评的存在(可以感受到,我朝爱自由上网的渴望与热忱);她,轻松快捷地管理和切换多个代理设置,据悉常与shadowsocks互相配合,来完成科学上网的美好愿景。

推荐文章