谷歌插件

只谈情不闲聊 提交于 2020-05-02 10:09:31

前言

出来工作几年了,平时在工作中主要使用谷歌浏览器,调试页面,查询资料,很难离得开这家伙。如何高效的使用谷歌浏览器?这是大多数人都希望知道,但是却很少做得到的一个事情。其实很不难,借助一套谷歌插件和养成使用习惯(认知度和熟悉度)便可。

在工作和平时使用电脑的过程中,有空的时候,喜欢搜索谷歌浏览器插件,有的插件安装了删了又安装,有的删除了永远不想找回来,有的安装了永远不敢删。折腾来折腾去就整了一套插件。一开始搜索折腾插件确实消耗我的时间,最后一整套插件出来,我对这些插件的使用习惯形成,大大提高(不只是工作)效率和上网的体验。

搜索篇

记得2年前我在阮大哥的博客看了一个话:软件是时间黑洞,它可以吞噬大量时间。我高度认同这个话,一个人的时间很有限,禁不起风吹雨打。网页上面的那些广告,美图(特别是美女图片),夸大的标题等等,很容易吸引个人去点击,浏览,时间一分一秒就过去,大多数情况下,这些内容毫无意义,没有营养,这就是吞噬时间。

再说个人时间和精力有限,不要在无用的信息上浪费。现在处于信息爆发时代,一个人随便发个微博,文章,是一个信息。这么多的用户,每天产生多少条信息,这个数量是很可怕的。其中,垃圾信息是占多数的。所以用好浏览器,躲开这些坑,很有必要。

最近发现,其实有种简单的模式使用浏览器,简单高效率。搜索过程分为2个页面:一个是搜索列表页面,例如国内的百度,必应,国外的谷歌;一个是详情页面(点击搜索结果每一项跳转的详情页面)。

效果如下:

搜索页面.png

搜索页面,搜索结果里面的百度推广广告,百家号,右侧的热点,相关人物(比如它可能给我推吴孟达,罗慧娟)隐藏了,我可以专心关注我的搜索内容或者问题等等。这一块使用的插件是猴油里面的AC-baidu,Stylus里面的baiulite,简悦。

在这说说百度的高级搜索吧。

""指定完整的内容。这个高度推荐。比如说输入快乐的豆腐,百度可能会拆分,返回来一些内容豆腐很快乐,快速煮豆腐等等,不是我要的内容,这时候加双引号可以达到预期。《》用于书名,影视,歌曲等作品。+就是和空格类似,多加一个关键词;-告诉搜索引擎不要给我出现这个内容,比如说我搜索Vue,他可能给我推荐vue+jquery的内容,加- jquery没有jquery;* 就是说一个关键词有个地方不确定,而且这个不确定的地方可能不止一位;?和 * 类似,但是不确定的位数只限一位。总结一下就是"",《》,*,?是用在当前关键词;+,-使用在另外一个关键词那里。

fileType是指定文件类型,一般用于找文章,下载图片,电子书资源等等;intitle:xxx,指定某个标题的,title就是标签页上面显示的文字内容;inurl:xxx,指定某个网址,甚至是网址下的某一部分,比如说新浪有博客,有新闻,都可以细化指定,它是site的加强版;site:xxx,指定某个网址,一般用inurl则可。

简单来说就是6个符号和4个单词。默念几遍,使用就会熟悉的。

搜索详情页面.png

详情页面。页面里面的用户头像,昵称,所以内容的列表,相关内容推荐,网址的页面导航统统都看不到,我只需要关注搜索结果的标题和内容(通常是图文)。一个自媒体用户他会写很多的文章,大多数质量不高,我无需关注这一块。出现在百度必应搜索列表的前面的,通常是质量高的。这一块使用的插件是简悦。

插件篇

有哪些插件?其实是看自己的需求。可以静下来心闭着眼睛想一下,打开一个页面,最想看到什么?一个干净的页面,它只呈现用户想看的内容,没有其他感觉,背景色是护眼绿,晚上可以设置暗黑模式,页面没有任何广告,百度搜索页面没有右侧热点和百度百家号推荐。可以脱离鼠标操纵页面,阅读的时候只展示详情内容,书写的时候支持markdown语法转换,播放视频任意尺寸,对工作密切帮助的,看看股票行情...

谷歌的插件给我的感觉是好用极了。

本次插件目录是:

视图类:
Adblock Plus,眼睛护航,Stylus,DARK READER;

操纵读写类:
Vimium++,Tab number,新媒体管家,sparete window,Markdown Here,Tampermonkey,languageTool

前端类:
FeHelper(前端助手),EditThisCookie,Octotree,Vue.js devtools,、网页截图:注释&录屏

其他工具类:
类似的网站,OneTab,股票小助手,拓展管理器,二管家,谷歌自带的隐藏功能,

视图

一、Adblock Plus

去广告的,没有好写的。

二、眼睛护航

需要简单设置,在插件设置项里面仅勾住主体body,开启调色模式,这样大多数页面就变成护眼绿。支持暗黑模式,只是没有下面的DARK READER好。对自己的眼睛好点吧,设置护眼绿和把字体调大些。

三、 Stylus

它和Tampermonkey类似,只不过它是嵌入样式css,改变页面的样式。自从我用了Baidu lite 百度轻样式之后,百度首页就和谷歌首页那样好看了(感觉猪八戒变白骨精),没广告,很干净舒服。除了百度,其它知名网址的样式均有支持样式调整。样式就是外观的意思。

样式网址
https://userstyles.org/styles/browse/baidu

四、DARK READER

给页面设置暗黑模式,需要细调设置。使用率不高,因为简悦的阅读模式已支持暗黑模式

操作、阅读、书写

一、 Vimium++

这个是重磅,在这么多插件中,我最喜欢的就是它,21世纪最好用的浏览器插件没有之一。如果哪天这个插件不在了,浏览网页的时候,我会很不习惯,就好像身上有很多的蚂蚁在爬。这个插件需要学习成本。它是由Vim衍生而来的。

vim是编辑器,上古神器。有一套复杂的操纵命令。我的微信公众号文章《vim编辑使用》里面有介绍。Vimiumvim大体相同,有一些差别。为什么我会喜欢这个插件?因为它可以让你脱离鼠标快速切换标签页,浏览网页,上下移动,点击页面的某个按钮等等。

按下F键,发生的事情是,再次按对应的序号,相当于鼠标点击。

vim_插件.png

d是下一页,j向下移动,u上一页,k向上移动,h左移l右移。H是标签页历史回退,L是标签页历史向前,r是刷新。那个历史回退向前有什么用啊?比如百度搜索页面,突然想看上一个搜索关键词的内容,直接H就可以了,无需再次输入文字,按多次H,回到倒数第几次,想回到最新的关键词,按一次或者多次L就可以。

x关闭页面,错手关闭页面,X重新打开关闭的页面,多次X会打开依次打开最近关闭的页面。gt/Gt切换标签页,数字+g0是跳转到你想去的标签页(这个结合下面的Tab number,就不用数标签了)。/是页面内查找内容。忘记命令了,输入?就展示所有的命令。

二、 Tab number

在每个标签页的左边显示序号。结合Vimium 使用。

这个插件我找了很久,发现有些小问题,刚好我会js,就改了逻辑,让它满足我的需求。

三、Tampermonkey(高度推荐)

猴油脚本,这个家伙就是让浏览器运行一段脚本,做点什么。

安装一个AC-baidu,百度搜索页面的右侧广告全没,搜索结果剔除百家号推荐,搜索列表瀑布流似的呈现内容。(不用点分页序号)。瞬间就有了和谷歌搜索的体现。

简悦( SimpRead )。这个脚本高度推荐。它支持用户进入网址的详情页面,仅显示标题和内容,快速进入沉浸式阅读。可以试想下,工作的时候,人的精力有限的,经常会累。同时需要搜索内容,当你进入一个页面时,它除了显示需要找的内容时,还有其他的图片,内容。很可能会把人的精力,时间消耗部分。简悦可以帮忙把这类事杜绝掉。它还支持自动进入阅读模式,改字体大小,和暗黑模式。大多数时候,查询资料找到自己想要的内容就可以了。

其他的脚本,历史价格查询,视频网址的vip等等,感兴趣慢慢去折腾。

脚本网址
https://greasyfork.org/zh-CN

四、 Markdown Here

平时在网页邮箱写邮件的时候,或者其他文章时,使用了markdown语法,它可以给你一件转换。我平时写东西都是用在线markdown转换工具,这个插件用的少,它可以提供一种方便快捷而已。

五、sparete window

平时在浏览器浏览内容的时候,大多数都是图文,说白了就是图片和文字。其实还有一种学习的方式:观看视频。大多数人可以通过B站,西瓜视频,慕课网,云课堂等等网址学习办公技能或者其他技能。这个插件就是让人可以点击视频区将它分离出来,任意尺寸,任意播放速度的观看。特别是做程序员的,忙的时候忙死,闲的时候闲死,如果可以在闲的时候,观看视频学习新的技能(或者下班看),对自己和项目,公司都是好处。对项目的好处是:比如我们做前端的,学了ES6,7,8的语法,用在项目中,可以大大简化逻辑代码。对阅读性和维护性是大大提高,公司的项目成本就降下来了。

这个插件是前同事深介绍给我的,当年共事的时候,中午吃饭时,经常上Youtobe分离星爷的电影看。深说这个你都看了几遍了我跟你说。呵呵,只要能让我开心的,看多几遍又如何。这个世界上有很多不开心,我们需要逗乐自己,讨好自己。

六、新媒体管家

适合运维工作或者自媒体平台的那些人,管理多个网站的账号,一键发送。

七、languageTool

就是平时写东西时,需要语法检查时,可以使用这个插件。个人感觉没有微信订阅号编辑器那个错误提示好。

前端工具

这部分非程序员可以不用看,看了也是浪费时间,都是我工作相关的。

一、FeHelper(前端助手)

前端的英文就是FontEnd,顾明思议这就是前端的助手。功能很多,是个大集合箱子,功能有json美化js正则表达式,Json对比工具信息编码转换二维码生成器等等。

不要小看这些工具,用的好,可以节省时间。就拿有一次,开发有个页面退款的,退款金额需要正则表达式,我去网上找了好几个,在浏览器的控制台console那里试用正则表达式,发现找来找去正则表达式不对。结果花了我90分钟。后来在项目里面发现要找的正则表达式其实是对的,应该是控制台和项目的环境不一样,控制台那个low。一开始使用这个助手里面的正则表达式就可以节省这个时间了。因为它支持验证正则很快,用户想到什么直接输入就可以了。

Json美化这个功能属于常用。在项目里,无论是自己给后台拼接的数据还是后台接口返回来的数据,有时需要验证数据结构是否存在问题,这时候使用Json美化。没有必要每次都到百度那里搜一个在线工具来做这个事。

二维码生成器。以前我写移动端页面是,把项目跑起来,将项目地址生成二维码,手机扫描快速访问。其实这不是它的本质。应该是当需要将一段的字符串,可以是段落,文字,网址,邮箱,身份证等等从电脑端传到手机端,使用这个功能,方便快捷。不用手敲。

二、EditThisCookie

支持快速的控制Cookie,负责项目登录功能的同学需要安装。如果没有,也可以不用。

三、Octotree

程序员都喜欢到gitHub社区,找项目看代码,说白了就是找代码复制粘贴。这个插件就是在左侧生成一个项目文件树结构,让人对项目文件结构一览无遗,点击某就可以切换该文件。这个插件一旦安装,就永远不想删除了。

四、Vue.js devtools

vue项目的浏览器调试工具。这个插件让vuex里面的变量被看到,方便调试。React框架也有类似的插件。

五、网页截图:注释&录屏

记得刚开始学习前端时,有个人给我介绍这个插件。支持滚动对整一张网页截图,这个用处就是当你看到好看的页面布局,截图下来,自己写样式把它实现。适合小白入门html,css所用。

其他

一、类似的网站 - 发现相关网站

当你看到一个很好用的网站时,又想找找和它同类的网站,作拓展或者研究或者比较使用。有兴趣可以试试这个插件,它可以扩宽视野。喜欢研究的人应该对这个感兴趣。

二、OneTab

一个浏览器打开很多标签页的时候,会吃掉很多内存,尤其是谷歌浏览器。通过这个插件把一组标签页记录下来,并关掉标签页,下次一起或者一个个打开。

支持标签页分组并锁定,这个好处是比如一个人工作每天需要打开固定的那几个页面,这时候Tab住,每次开电脑一并打开就可以,肯定比一个个点击打开的强。

三、股票小助手

摸鱼工具。支持让用户简单看一下指数或者股票价格,买股票的人应该需要,因为不用每次讨手机解锁的看。不建议散户把股票带到工作中去,因为这个可能会严重影响工作。我上一家公司的一个同事工作空闲时,总是打开财富证券网看股票行情。不应该啊,浪费个人的时间和精力。而且付出和(炒股)收入不成正比。应该是工作是工作,生活是生活,炒股是炒股,不让它们相互干扰。做到这一点的人真的很少,但是应该朝那个方向努力。

四、 拓展管理器,二管家,谷歌自带的隐藏功能

当插件数量多了,有时需要打开或者关闭插件,可以通过安装拓展管理器或者二管家,带来的好处是方便快捷。

安装了一套插件,比如数量有20来个,有时候需要点击某个插件,然而在20个中找一个,难受啊,这时候谷歌自带的隐藏功能就可以出场了。把需要高点击率的插件放在左边,不需要点击或者很少点击的放在右边。把鼠标移到搜索框的最右边,等鼠标变为左右箭头时,按住左键拖拽右移,可以隐藏最右边的插件。当显示的数量是7到10个时,眼睛搜索就容易多了。

最后

最后用好这些插件,提高上网体验和工作效率,对个人和公司是有很多好处的。

差点忘记写如何安装插件,这么重要的一步。方法有两:

一、 可以kx上网,直接到chrome 网上应用店安装。https://chrome.google.com/webstore/category/extensions?hl=zh-CN

二、不方便kx上网的,离线安装法:到https://chromecj.com/ 下载相关插件离线的crx拓展包,拖到谷歌的拓展应用页面(chrome://extensions/)就可以。离线安装法的确点是不能安装最新版的插件,不过基本功能在满足用户需求绰绰有余。

听说微软新版的Edge支持所有的谷歌插件,和谷歌浏览器体验差不多。以后有时间去体验一把啰。

最后,欢迎关注我的公众号。

公众号二维码.jpg

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!