前言

假若我没有看见光明,我本可以忍受黑暗。

下面是吾辈在使用 Chrome 遇到的一些不舒服的地方,以及对应的解决方法。一切皆是为了一个目标:提高浏览器的使用体验!

字体

在之前吾辈也未曾对字体有过什么注意,直到后来听闻 MacOS 的字体显示比 Windows 上好很多,去看了一下确实如此。想要有一个好看的字体,字体本身极为重要,这里吾辈目前在使用,也很推荐的字体是 Sarasa Gothicopen in new window。支持 简中/繁中/英/日 四种语言,虽然体积稍微庞大,但效果却是相当不错。

Windows 字体预览

更纱黑体

这里也推荐作为编程字体,毕竟程序中同时存在中英文,而一个同时支持中英文的等宽字体实在难得。

设置网页默认字体

安装完了字体,然而 Chrome 默认并不会使用它,我们还需要 Stylusopen in new window 进行指定。

添加 UserCSS

添加一个新的样式,内容只需要设置所有元素使用的字体为 Sarasa Mono CL

/* 全局字体设置 */
* {
  font-family: "Sarasa Mono CL";
}
/* 强制指定 input 框中的字体 */
input {
  font-family: "Sarasa Mono CL" !important;
}

这时候查看一下字体效果

效果

夜间模式

如果你像吾辈一样,喜欢暗色的主题,可以使用插件 Dark Readeropen in new window,它能够让网页默认使用暗色模式,看起来和编辑器保持一致:并且,看起来很 Geek

暗色模式

看起来标题栏很违和?安装一个 Dark 主题open in new window 试试看。 现在,是不是变得很和谐了呢?

暗色标题栏

广告过滤

目前而言,浏览网站时,没有一个广告过滤插件的话,广告的数量将是难以置信的庞大,而且讨人厌! 吾辈目前在 Chrome 上仅推荐 uBlock Originopen in new window,开源免费,不推荐 Adblock Plusopen in new windowUblockopen in new window。前者将广告拦截做成了生意(参见 向来以屏蔽互联网广告为己任的 AdBlock Plus,为什么卖起广告了?open in new window),后者则是接手开发者的自私接受捐款导致原作者 Fork 并开发了新版本 Ublock Origin(参见 Wiki uBlock Origin 历史open in new window)。

虽然吾辈基本上日常 Google,不过为了比较这里来看一下未进行广告过滤前的百度搜索结果

搜索购物,天啊,第一页全都是广告,百度真的丧心病狂。。。

注意每个搜索结果下面的小字 广告

百度的广告

使用插件后的效果

过滤后的百度搜索

嗯,清爽了许多呢 ~ o(* ̄ ▽  ̄*)o

这里对比一下 Google 的搜索结果,可以明显看出来百度的广告的数量之多。。。

对比的 Google 搜索结果

自动翻页

如果你也觉得搜索结果需要翻页好麻烦,那么 uAutoPagerizeopen in new window 可以一样可以帮到你!

相比于 AutoPagerizeopen in new window 万年不更新,uAutoPagerize 仍在积极维护中!

下面是使用了 uAutoPagerize 后的 Google 搜索结果,会在滚动到接近底部时,自动获取下一页的内容并拼接到最后!

使用 uAutoPagerize

当然,它也支持百度哦

屏蔽 Google 搜索结果

当你搜索中文技术相关的内容时,一定会遇到一个令人厌恶的社区 -- CSDN 博客。里面的内容基本上都是复制粘贴,甚至作者都并未真实尝试过就发出来了,实在是太烂了! 所以,使用 Tampermonkeyopen in new window 油猴插件 + 油猴脚本便可以轻松屏蔽掉它们。

吾辈并不否认 CSDN 有很多有趣的作者,但是啊,相比于这个平台的大多数人,他们实在太少了,简直如同大海捞针一般。 油猴脚本open in new window: 是一段可以在某个网页自动运行的 JavaScript 脚本,事实上,抛开 Tampermonkey 这个运行容器不说,油猴脚本就是彻头彻尾的 JavaScript 代码,任何了解过 Web 开发的人应该都能写一个简单的油猴脚本。如果你打算尝试玩玩油猴脚本,可以参考吾辈踩过的坑 Greasemonkey 踩坑之路

你需要先安装 Tampermonkeyopen in new window 插件,然后在 Greasy Forkopen in new window 安装脚本 Google Hit Hider by Domainopen in new window

然后在 Google 搜索 js 数组去重open in new window,可以看到包含了几个的 CSDN 博客的结果

CSND 博客搜索结果

现在,让我们从 Google 搜索中屏蔽 blog.csdn.net 这个域名

Block 操作

屏蔽后的搜索结果,CSDN Blog 那些垃圾博客不见了,心情大好!

屏蔽后的结果

下载增强

你使用 Chrome 下载过资料么?是否也对 Chrome 单线程下载并且在下载完成后强制检查资源安全性感到不满?那么 FDMopen in new window 应该是 Windows 上比较好的选择下载工具了,你可以下载并安装到 PC 上,然后安装 Chrome 插件 Free Download Manageropen in new window 即可将所有 Chrome 中的下载请求交给 FDM,并且,它携带着 Cookie,所以即使是有权限校验的下载也能够胜任。

FDM 的优势

  • 多线程下载
  • 断点续传
  • 支持 BT
  • 自动分类
  • 下载限速
  • 国际化
  • 自由免费

所以,如果经常下载资料的话推荐入坑 FDM,这里放一张首页

FDM 首页

快捷键

使用浏览器,一些高频操作的快捷键也是必不可少的。

  • CS-T: 重新打开上一个关闭的标签页
  • 中键/C-左键: 强制在新标签页打开链接
  • 中键(浏览器标签上): 关闭这个标签页
  • A-左键: 选择链接中的文字(不会触发拖动链接)
  • S-滚轮: 水平移动滚动条
  • 空格: 翻到下一页
  • F12: 开启/关闭开发者工具
  • C-R: 重新加载当前页面
  • CS-R: 硬性重新加载
  • CS-N: 打开隐私标签页
  • C-T: 打开新的标签页
  • C-W: 关闭当前标签页

GitHub 优化

众所周知,GitHub 作为最大的开源平台,平时访问的频率是相当高的,这里吾辈推荐一些插件/UserCSS 以增强使用体验。

树结构浏览代码

GitHub 浏览代码侧边栏没有一个文件栏实在难受,所以这里推荐 Gitakoopen in new window   这个插件。它能够为 GitHub 添加一个侧边栏,极大的方便了在线代码浏览。

相比于 Octotreeopen in new window,Gitako 的性能更好,而且是完全免费的。

Gitako 侧边文件夹

立体化 GitHub 用户活动

当你查看一个 GitHub 用户的活动概览时,总是平面方块未免有些无聊,而且以颜色深浅区分也尚不明了。

GitHub 用户活动平面图

所以,你可以使用 Isometric Contributionsopen in new window 插件,让活动变得更有趣一点,变成更直观的 3D 柱状图。

GitHub 用户活动 3D 图

统计仓库大小

或许你也有 clone 之前先知道仓库大小的习惯,这在网络稍差的环境中尤为重要,例如 TypeScript 的仓库大小超过 1G,如果没有准备的话直接下载很容易炸!

GitHub 下载仓库时并不会给出下载的百分比,所以什么时候下载完成是个玄学。。。

统计仓库大小

插件列表

总结

Chrome 有很多可以优化体验的地方,这里也只是吾辈所接触到的一部分罢了,欢迎在下面留言补充!