浏览器插件推荐

# 20.浏览器插件推荐

Chrome 的好用除了本身的流畅性以外，70% 的功劳更要归于其强大又顺手的扩展插件，这些插件满足了不同人的不同需求，也将该浏览器的使用体验拉升到了一个「曾今沧海难为水」的境界，几乎你想要的任何功能都可以通过插件来解决。

本文主要介绍的是 Chrome 上的插件，其他浏览器大部分也能兼容这些插件，这里不表。 ‍

‍

# 插件的安装方式

一般都是通过 Chrome 应用商店 (opens new window) 安装（需科学上网），可以搜索相关插件：

‍

找到插件后，在插件的详情页点击“添加至 Chrome” 即可

‍

除此之外，国内也有不少网站搬运了 Chrome 应用商店的插件，方便国内的用户下载并离线安装，这里不表，有需求的同学可以看看这篇文章提到的安装方法：《Chrome 扩展安装方法》 (opens new window)

‍

# Infinity：修改默认新标签页

默认情况下，Chrome 的新标签页是很简单的：

‍

我们可以使用 Infinity 帮助我们定制新标签页，例如添加常用网站，天气，待办，笔记，修改背景图，显示 Gmail 的数量和通知：

‍

插件详情页：Infinity (opens new window)。

类似插件：

Momentum
Erin

‍

# 广告屏蔽

Adblock (opens new window)、Adblock Plus (opens new window)：可以说是 Chrome 上最好用的广告插件了，二者选一就足够了，两者各有所长，视用户习惯而定。

类似插件：

广告终结者（可屏蔽视频广告）
uBlock Origin (opens new window)
Youtube™ 中的视频广告拦截器 (opens new window)
眼不见心不烦（新浪微博） (opens new window)：新浪微博加强扩展，不过评论有些负面评价，我也不知道是不是真的，平时不怎么玩微博。

‍

# Imagus：鼠标悬停预览图片

只要将鼠标悬停在图片上就能将图片放大看，甚至预览链接中的内容。对于常常刷微博看图片的人来说是神器，其中还提供了更多自主化的功能设置。

‍

插件详情页：Imagus (opens new window)

‍

# better-onetab

在使用 Chrome 网上冲浪的时候，经常需要打开多个标签页，这会占用很多内存。为此我们可以使用这个插件，它可以将将记录并关闭当前打开的标签，得到要使用的时候再批量打开。

插件详情页：better-onetab (opens new window)

这款插件改良自 OneTab (opens new window)。

类似插件：

‍

注意：The Great Suspender 已被 Google 下架了。相关阅读：

我们可以改为用 The Marvellous Suspender (opens new window)

‍

# Search by image：Google 出品的以图搜图——

这是一款由 Google 出品的图片搜索插件，安装后用户只需右键点击图片就能使用 Google 的「以图搜图」功能找到类似图片（需科学上网）。

‍

插件详情页：Search by image (opens new window)

‍

# iMacros for Chrome：自动填写表单

上网时难免要填写表单（各种信息，例如姓名，邮箱等）。iMacros for Chrome 可以自动帮助用户填写表单信息（要做一些配置）。

‍

插件详情页：iMacros for Chrome (opens new window)

‍

# Vimium：不用鼠标操作浏览器

不管你有没使用过 Vim，都可以使用该插件。安装后，几乎可以用键盘取代所有鼠标的操作，功能强大，有灵活的设定。

插件详情页：Vimium (opens new window)

‍

# LastPass：浏览器密码管理

很多网站都是要登录后才能使用的，当网站一多，网站密码也多了起来，靠人工的方式去记忆是很麻烦的，我们可以使用第三方工具，或者 Chrome 插件：LastPass。

LastPass 可能算是目前浏览器端目前最好用的密码管理器了，简单、美观，支持密码自动填充、生成密码

插件详情页：LastPass (opens new window)

‍

# Better History

Chrome 默认的历史记录功能是比较弱的，只有一个搜索功能：

‍

所以 Chrome 商店上关于优化历史记录的扩展就有很多，例如 Better History (opens new window)，可以按日查看，批量删除等等，功能强大

‍

类似插件：

‍

# Extension Manager：扩展管理器

如果安装了很多插件，管理起来也比较麻烦，此时就可以用该插件来批量管理（禁用，启用，删除）插件

插件详情页：扩展管理器（Extension Manager） (opens new window)

‍

# 油猴：通过安装各类脚本对网站进行定制

如果让我只安装一个插件，那么我会选油猴。

介绍该插件的博客有很多，我就不重复说明了，推荐阅读：

‍

脚本推荐：

AC-Baidu：屏蔽广告，提高加载速度，对页面进行美化，优化搜索结果多栏显示，参考到底如何让百度变得跟谷歌一样好用呢？ (opens new window)
Super_preloaderPlus_one：告别手动翻页，参考每个人都能用到的浏览器自动翻页绝招了解一下？ (opens new window)
豆瓣资源下载大师：方便下载各类资源（电影，音乐，图书），参考这款油猴脚本发布仅 1 月就登顶同类榜首，每日下载量领先第 2 名 6 倍之多！ (opens new window)
获取哔哩哔哩视频和直播间的封面图片 get bilibili cover image (opens new window)

‍

# GitHub 相关插件

Sourcegraph (opens new window)：在线打开项目，方便阅读，将 GitHub 变得和 IDE 一般，集成各种功能，参考爱了爱了，这个 GitHub 的 Chrome 神仙插件把我整的服服帖帖的 - 知乎 (opens new window)
Awesome Autocomplete for GitHub (opens new window)：加强 GitHub 的搜索框
File Icon for GitHub, GitLab and Bitbucket (opens new window)：给 GitHub 仓库文件添加图标
Octohint (opens new window)：GitHub 代码智能高亮
OctoLinker (opens new window)：直接从代码跳转到 GitHub 对应仓库，相对路径也能跳转，支持很多编程语言
Isometric Contributions (opens new window)：立体显示 GitHub Contributions 的扩展
Octotree (opens new window)：在左侧添加一个文件浏览器，可以更快的在文件之间跳转
GayHub：优化 GitHub 的阅读体验。在 GitHub 上下载
Refined GitHub (opens new window)：这个和上面的都是对 github 整体进行加强的扩展
GitHub Hovercard (opens new window)：这个加强了 GitHub 悬浮在某些元素上的功能
让这个盛产神器的网站下载速度提升 N 倍！ (opens new window)：一款油猴脚本，提高 GitHub 下载速度‍

# 前端开发相关插件

ColorZilla (opens new window)：取色器。

CSSViewer (opens new window)：css 查看器。

Page load time (opens new window)：使用了 web timing API 来精确测量页面加载各个阶段的耗时，非常的简洁清晰。

EditThisCookie (opens new window)：cookie 管理器。可以添加，删除，编辑，搜索，锁定和屏蔽 cookies

JSON Viewer Awesome (opens new window)：美化 json 内容。

JSON-handle (opens new window)：对 JSON 格式的内容进行浏览和编辑，以树形图样式展现 JSON 文档，并可实时编辑。

Lighthouse (opens new window)：谷歌官方出品的一个网站性能测试，分析扩展。

Page Ruler (opens new window)：一款尺寸测量工具。

User-Agent Switcher and Manager (opens new window)：这个扩展能让你自定义网站的 user-agent，切换不同的 user-agent，查看网页在不同的 user-agent 下的效果。

WEB 前端助手 (FeHelper) (opens new window)：很出名的国内开发者开发的一套前端工具集。

Restlet Client - REST API Testing (opens new window)：一款 restful api 测试工具（不过我一般都直接用 Postman）。

VisBug (opens new window)：谷歌公司开源的一款前端设计，调试工具。

Moesif Orign & CORS Changer (opens new window)：解除浏览器跨域限制。

LiveReload (opens new window) ：liveReload 官方扩展

React Developer Tools (opens new window) ：facebook 官方开发 react 开发扩展。

Redux DevTools (opens new window) ：redux 开发扩展

lucid (opens new window) ：A React-GraphQL developer tool

Vue.js devtools (opens new window) vue 官方开发 vue 开发扩展

Puppeteer Recorder (opens new window) ：录制 puppeteer 脚本

SEOquake (opens new window) ：查看一个网站在各大搜索引擎的 SEO 情况 AITDK (opens new window)：一款浏览器插件，提供当前网站的流量/Whois/SEO 等信息。 ‍

# 其他

v2ex plus (opens new window)：官方出牌的增强 V2EX 论坛的插件

ACG 助手：专为 bilibili 定制的综合辅助扩展 (opens new window)：哔哩哔哩弹幕网辅助扩展，拥有视频区和直播区的人性化功能。

bilibili 哔哩哔哩下载助手 (opens new window) ：帮你下载版权受限（能看不能缓存）的番剧和视频（其实 JiJidown (opens new window) 更好用一点）

Stylus：专门针对那些繁乱复杂的网页重新排版，清除一些广告，还你一个清爽世界。参考如果你浏览器装有这个扩展，赶紧卸载！ (opens new window)，为何我的百度如此清爽？我只是有个网页美容师而已 (opens new window)

Chrome Download Manager：优化 Chrome 原本的下载文件页面和添加部分功能

IDM Integration Module：非常强大的下载插件（收费）

SimpRead (opens new window)：为你提供「如杂志般沉浸式阅读体验」的扩展

TabCopy：能快速复制一个网站的链接（包括网站名、链接，含 Markdown 格式）

‍Yet Another Drag and Go (opens new window)：只需要拖拽链接或者文字就可以打开不同的新标签页，省去点击的步骤。参考国产超级拖拽扩展，懒人也会用的鼠标手势！ (opens new window)

‍

# 最后

插件不宜多，而在精，能解决问题的插件才是好插件，不然再好的插件也用不上。

空暇时可以使用搜索引擎去搜下好的插件，例如“最好的浏览器插件”，“the best Chrome extensions”等等。

此外，不要随便安装不可信的插件，因为浏览器插件权限很大，可以读取用户的所有信息，发到远程服务器，参考：如何构建一个窃取一切的 Chrome 插件 (opens new window)（英文，提供了一个演示）