谷歌插件 | 易学教程

前言

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

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

搜索篇

记得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编辑使用》里面有介绍。Vimium和vim大体相同，有一些差别。为什么我会喜欢这个插件？因为它可以让你脱离鼠标快速切换标签页，浏览网页，上下移动，点击页面的某个按钮等等。

按下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个时，眼睛搜索就容易多了。