你的浏览器，何必是浏览器

工欲善其事，必先利其器，作为大学生或者从业人员，如果能熟练地使用各种工具来提高自己的工作学习效率必然是一件好事！！！

这篇博客较为系统的阐述了浏览器的一些实用功能以及其相关使用技巧，全文近10000字，原创实属不易！！！

浏览器的选择

  浏览器就像是一道通往新世界的大门，使用频率经常碾压其他类电脑软件。浏览器足够强大，一个功能完备的网页或者论坛就堪比一款精心设计的软件客户端。用好浏览器能大大提高我们工作学习的效率。

  不过…浏览器的种类繁多，我们应该入坑哪一款浏览器呢？

  博主强烈推荐的是谷歌浏览器，谷歌浏览器（Google chrome）无论是颜值外观，还是稳定性、流畅度方面都做的很好。chrome占据了浏览器市场的大半壁江山。（当然火狐（Firefox）和新版本的Microsoft edge浏览器都也很不错。国产浏览器就算了吧，虽然他能够满足一般人的使用，但是稍微有些许丑陋和垃圾）

搜索引擎设置

  啊哦！！！未连接到互联网，大多数人第一次使用chrome浏览器都会遇到这个问题。

  因为众所周知的原因，Google搜索引擎在国内无法访问，我们在设置页面里将搜索引擎更改成百度 搜狗 360 或者bing即可。

扩展程序及安装教程

  扩展程序（插件）的核心就是可以增加你浏览器的功能

扩展程序允许您为 Chrome 浏览器增加功能，而不需要深入研究本机代码。您可以使用您在网页开发中已经很熟悉的核心技术（HTML、CSS 与 JavaScript）为 Chrome 浏览器创建新的扩展程序。

  下面以安装CSDN助手插件为例演示扩展程序的安装方法，在演示之前，先推荐一个非常好用的插件网址   点我进入

下载插件

拓展程序管理

拖动插件进行安装

添加扩展程序

一些好用的插件推荐

  谷歌商店里有海量的浏览器扩展插件，这里我整理了30款个人认为非常好用的宝藏插件。

  插件的功能很强大，我只摘取了插件的部分简介并附上了简短的个人体验反馈，更多功能和使用技巧还需大家主动去探索。（如果各位大佬还有珍藏着的宝藏插件，欢迎在评论区留言、推荐！！！）

Adblock Plus

  我们经常需要访问一些网页，但有时候网页非常的不整洁（比如某度！！！），经常会出现一些广告、弹窗，浏览体验极差！！！

Adblock Plus是一款广告拦截插件，它可以过滤掉大多数来自网页的弹窗广告，Adblock Plus 广告拦截器下载量近10亿次，在全球范围内都有很高的使用评价。

Infinity Pro

Infinity Pro新标签页是一款基于html5的Chrome扩展程序，非常的优雅、漂亮。

  它重新定义了Chrome新标签页，开启页面添加时代，集成了天气，待办事项，笔记等功能，还有丰富的个性化设置。

One Tab

One Tab的宣传口号是节省高达95％的内存，并减轻标签页混乱现象, 本质是通过关闭繁多的标签页，让浏览器占用内存变少，重新定义了浏览器的历史记录。（因为chrome每开一个标签页就像重新打开了一个软件一样，占用内存较高，而One Tab将这些标签页合并成一个，便使得浏览器的内存占用率大大减小）

IE Tab

  有些政府网站或者如网银支付等等比较落后，只支持IE，并不支持 Chrome 内核，当你在用使用Chrome的过程中遇到只能兼容IE的网站，IE Tab这个插件可以帮你一站式解决，不必再专门去开启那个实在没法用的 IE 浏览器了。

Dark Reader

Dark Reader 是一个护眼扩展程序，他可以为每个网站实时生成黑色主题，一键开启夜间模式。

PhotoShow

浮图秀是一款可以快速查看页面中缩略图对应的“大图”的浏览器插件。对于所支持的网站，用户鼠标悬停在缩略图时即可看到相应的高分辨率图片，可以不用打开相应的图片网址，就可以实现大图预览模式，优雅~

similarsites

  当你浏览一个很棒的站点的时候,，或许你会想到，和它”差不多”的站点有哪些？ 尤其是针对一些资源站点, 这个站点没有, 而它同类的站点”往往有”！

SimilarSites插件实现了这个功能,，它的作用只有一个, 发现同类站点~，真的非常好用！！！

bilibili helper

哔哩哔哩助手是针对B站的一款插件，开发者也一直保持着较高频率的更新，可以大幅度的提升你的B站使用体验，快来让我们更优雅的玩B站吧~

Stylus

Stylus 是一个调整网页外观的用户样式管理器。可以为许多热门网站安装主题和皮肤。   大家可能会注意到我的B站网页下方多了两个可爱的妹子，没错，就是用下面这个插件实现的。

  不过因为这个插件可以直接修改网页，所以它能做的不仅如此，它还可以对网站进行优化，如去广告，网页宽屏，文章开启沉浸式的阅读模式等等，有很多大佬为此插件提供编写好的样式，当然，如果如果你熟悉前端开发的话，你也可以自己写。

Copyfish

  倘若你非常喜欢一张图片里的文字，也许这个插件可以帮助到你。

Copyfish可以识别图片、图标里面的文字。从图像，视频或PDF中提取文本，支持多种语言。

Weava Highlighter

  有没有想过像标记pdf一样标记网页内容呢？Weava Highlighter实现了这一功能，具体功能如下。

• 突出显示具有多种颜色的网站或PDF。单击即可重新访问它们。
• 将突出显示内容组织到文件夹和子文件夹中。
• 自动为突出显示创建引文。
• 自动同步到云。随时随地访问您的精彩片段。

SimpRead

  为网页开启阅读模式, 让我们更专注于内容。SimpRead简悦提供「如杂志般沉浸式阅读体验」，好家伙，我也是第一次用这个插件，功能太强大了，可以基本上直接把上面介绍的那个软件给抛弃了。

Smallpdf

Smallpdf是非常好用的PDF工具，他提供包括PDF 转 Word、Excel、PPT；Word、Excel、PPT 转 PDF；图片转 PDF；压缩PDF；合并、拆分、提取PDF等常用功能，如果你正巧需要此功能，那么用这个插件来完成真的是太棒了。

Print Friendly & PDF

Print Friendly & PDF 是一款网页打印或生成PDF的Chrome插件，他会在打印之前删除垃圾广告，导航和无用浮窗从而实现页面优化，比chrome自带的打印效果要好（但不是绝对的，最好都试一下，看哪个更好）

划词翻译

  我们经常需要阅读一些英文的资料，那么遇到不认识的英文怎么办，谷歌翻译是一个解决方案，但是这个插件比谷歌翻译更好用。

划词翻译是一个短小强悍的划词翻译类插件。可以更方便的查看、复制和朗读不同引擎的翻译结果。支持几乎所有语言的翻译与阅读，并且同时支持国内百度翻译、有道翻译、谷歌翻译和DeepL翻译。（还有一个小技巧就是，如果遇到某些页面禁止复制文字的话，你可以用此插件选中文字，然后在上面的输入框中复制）

Google Results Previewer

Google Results Previewer 插件可以在谷歌搜索结果页面出现一个预览的小窗口, 直接预览搜索结果的网页, 也可以通过预览窗口直接打开页面， 大幅提高搜索效率，真的很不戳哇！！！但似乎仅支持谷歌搜索！！！

NooBox-以图搜图

NooBox 二箱是一款实用的图片工具箱类扩展插件。

• 实用功能一: 识别图片内容, 寻找图片相关信息的页面
• 实用功能二: 获取更高质量的图片
• 实用功能三: 根据部分图片获取完整图片

BitWarden-密码管理

  对于各种帐号密码来说，虽然大多数人都会选择都使用同一个密码，但是因为某些原因，导致我们不得不使用多个不同的密码(比如在有些网站上要求密码必须包括字母大小写和数字等等)

  经常忘记某网页账号的登陆密码怎么办？我们有必要将自己的密码进行整理。

Bitwarden 是一个安全且免费的跨平台密码管理器,我们可以将各类密码整理在这上面，并且支持网页调用及更新密码。

以下插件更适用于开发者群体...

CSDN开发助手

CSDN开发助手插件由CSDN官方开发，集成一键呼出搜索、万能快捷工具、个性化标签页和底层免广告四大功能，让您在工作学习场景中，告别繁琐复杂的切换，快速解决问题，打造专属你的效率神器！（CSDN官方插件免广告，我杀我自己，这操作没谁了）

  emmm，这个插件确实很不戳，不过让人头疼的是，如果你一打开浏览器就看到这些诸如CSDN，github、python3这类的网址，chrome瞬间就失去了一部分欢乐。

WhatRuns

WhatRuns是一个网站分析工具, 当你看到感兴趣的网站时点击扩展图标,即可一键分析网站技术栈(分析时间在5-10秒左右)

Code Cola

code cola插件可以对网页的颜色、背景、文字等提供修改，但并不是直接修改原版网页，而是利用遮罩在浏览器上添加一个虚幻的效果，一旦您使用其他浏览器打开相同的网页，特效就不存在了！

FeHelper(前端助手)

FeHelper的功能包括JSON格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、Markdown与HTML互转、网页滚动截屏、正则表达式、时间转换工具、编码规范检测、页面性能检测、Ajax接口调试、密码生成器、JSON比对工具、网页编码设置、便签笔记。

Markdown here

  有些文章编辑器的东西，只支持富文本，怎样能一键直接把markdown文章转换到头条文章编辑器中呢，这款神器出现了—— markdown-here！插件具体有什么用途如下。

• 用 Markdown 写邮件，然后转换为富文本
• Write a message with Markdown and convert to rich text
• 用 Markdown 编辑微信后台内容
• Edit WeChat background content with Markdown
• 在线博客搬家（比如简书 -> 新浪头条）
• Online blog moving (such as jianshu -> Sina)

Github 加速器

  Github开源项目托管网站想必大家都很熟悉，但是没办法服务器在国外，国内Github下载速度很慢，有需求就会有解决方案，用上了Github 加速器这个插件后，下载速度嗖嗖嗖的~~！

Octotree - GitHub code tree

octotree 是一款chrome插件，用于将 Github 项目代码以树形格式展示，方便查看各类文件，而且在展示的列表中，我们可以下载指定的文件，而不需要下载整个项目。非常nice！多去全球最大的“同性交友网站”github逛逛吧！

Sourcegraph

  Github以仓库为单位对开源项目进行管理,但github没有提供对单个仓库进行关键词在线搜索的功能(Github对英文搜索支持很棒, 但中文支持差一些)。阮一峰大佬在其开源项目《科技爱好者周刊》推荐了一款名为Sourcegraph的工具,对单个仓库的关键词进行搜索。

Open in vs code

  “看GitHub代码”还在网页上点点点？用开发工具看代码，不香吗？

  于是，它来了，它来了可以直接用VS Code方式打开GitHub代码的工具。

  这个项目叫做github1s，也正如其名，作者对其的解释是：毕竟代码嘛，在“原汁原味”的环境下看，还是比较舒服的。而且操作方式也是非常的简单，只需要在浏览器网址部分中的“github”后边，添加一个“1s”就可以了。在谷歌商店里也可以安装此扩展插件。

Surf GitHub code with VS Code

  基于github1s这个项目，还有大佬开发了更方便的“一键转换”的小工具——**surf.**。

  这个工具在谷歌商店里也有插件提供，安装过后，便直接会在GitHub页面生成“Surf”按钮，点击即可转换为VS Code。这个更方便，太优雅了！！！

Enhanced GitHub

  有了Enhanced Github这款插件, 我们可以下载Github优秀项目中最核心的代码文件进行学习, 而不是下载整个仓库作为藏品。

GitZip for github

  GitHub不能下载仓库中某个特定文件夹的内容，这可能与Git的思想有关系，你得到的永远是完整的。

  但很多时候我们只需要某个开源仓库的某个文件就可以了 ，使用这个插件的话你只需要在GitHub网页上对这个文件夹双击，文件即可被下载，非常nice！当然他看起来似乎和Enhanced GitHub很相似，但其实二者存在区别，可混合使用。

油猴脚本的使用及脚本推荐

  （太难了！！！30款谷歌插件终于介绍完了）

  谷歌插件的存在对浏览器的帮助很大，它就像手机和手机app的关系一样，实现了浏览器本身不具备的逆天功能。

  不过，在众多谷歌插件中，油猴插件需要单独拿出来说说，因为它太黑科技了。 Tampermonkey（油猴插件）是一款最为流行的用户脚本管理器，没有之一。并且经过全球各地无数开发者数年的积累，Tampermonkey目前有大量优秀现成的脚本可供用户选择。

   在介绍各种好用的脚本之前，同样需要先介绍一个脚本资源下载安装平台Greasy Fork

   Greasy Fork是最受欢迎的脚本资源网站之一，里面提供了大量的黑科技脚本资源，确实黑科技！！！

一些好用的油猴脚本推荐

AC-baidu-重定向优化

  这个脚本真的是太优雅了，我们经常会用到百度搜索引擎，但是检索页面真的非常的丑陋，用了这个脚本之后，检索页面简直就像是整容了。右上角蓝色部分可以进行自定义设置，非常优雅！！！！！！！

  哦对，这个脚本还可以自动翻页，再也不用点下面的页数1 2 3 4 5了。

懒人专用多合一…

  这个脚本集成了好多功能，全网去广告、Vip视频解析等等…具体介绍网站里描述很详细，不再赘述了。

百度文库、短视频下载…

  这个脚本妥妥的黑科技，他可以让我们白嫖百度文库资源，解除复制下载限制，无水印下载抖音快手小视频等等，快去实践一下吧。

豆瓣资源下载大师

  豆瓣资源下载大师，这个脚本几乎可以白嫖豆瓣里所有的电影、音乐、图书资源，非常的nice。

bilibili播放器设置

  也许bilibili助手满足不了你对播放器的设置需求，那么这个脚本绝对可以做到，它提供了对B站播放器的各种设置。

CSDN人性化脚本

  这个脚本也很好用，他可以让csdn更简洁，更人性化，当然如果你认真研究了上一目录的第9个Stylus这个插件，Stylus里的样式也有类似的功能。

智慧树网课助手

  知道网课为什么很水很水很水吗，知道为什么有些人轻轻松松的就能把网课成绩刷到100分吗？

  智慧树网课助手这个脚本实现了自动挂机看智慧树MOOC等视频，支持屏蔽弹窗题目、自动切换下一节，章测试和考试支持自动答题等操作，真的是个大宝贝呢，致敬开发大佬！！！

Userscript+

  懒惰一定层面上也能促进人类的进步。想装油猴脚本又懒得动手找？Userscript+可以助长你的懒惰。

  Userscript+脚本会在右下角自动静默为你推荐脚本，并会在 10 秒后自动消失。

万能命令

  了解了谷歌插件和油猴脚本的使用后，你的chrome浏览器基本上可以被你玩的飞起了，不过我下面介绍的操作可能会让产生一种相见恨晚的感觉！！！万能命令！！！

  看完图片中的介绍没，猜到他的强大之处了吗？没有？没有的话，我来演示一波吧。

恭喜你！发现了新大陆...

  怎么样，是不是有一种相见恨晚的感觉。真的是太宝藏了，很实用并且无需安装任何插件，直接在地址栏加入wn.run\\就可以了，适用于每个网站，不过可惜的是，虽然功能选项很多，但很多确实不能用。

chrome APP模式

  在博客最开始有提到的这样一个概念，一个功能完备的网页堪比一款精心设计的电脑客户端，确实如此，不过那么各位大佬们有没有产生过这样一个想法，可不可以直接将网页封装成桌面呢？也许这种需求没必要，不过在国外像Facebook、Twitter、Pinterest，Tiktok和一些Google APP似乎都在尝试web APP的模式）

  在chrome浏览器的更多工具设置栏中有创建快捷方式这样一个功能，这个功能可以直接将网页提取到桌面，然后以窗口应用模式打开，但是目前这个功能还不是完善，很多功能还是需要调用chrome浏览器来实现。

  如何创建一个特定网页的窗口应用呢？下面以csdn网站为例进行演示。

chrome快捷键

  chrome浏览器的使用技巧有很多，如果你想提高你的效率，可以从熟练使用各种快捷键开始，chrome快捷键整理见附录1

chrome地址栏命令

  Chrome作为一个前端开发的标准浏览器，用来体验和测试日新月异的新特性，自然是没话说。

  不过Chrome 有很多的特性在界面菜单中是没有体现的，我们可以通过 chrome:// 命令来访问。hrome地址栏命令整理见附录2**

  这里顺便提一个小彩蛋（也许程序员群体都拥有一个有趣的灵魂吧）chrome浏览器在断网情况下会出现这种画面。

  其实这个小恐龙是个隐藏的小彩蛋，只需按下空格键，就可以畅玩超级恐龙小游戏。

  emmm，是不是要断网去玩游戏去了…其实在线也可以玩，在地址栏输入下面这行代码。

chrome://dino/

chrome实验室功能

  首先我们需要进入实验室，在谷歌浏览器的地址栏中输入chrome://flags/，回车后便能进入到谷歌浏览器实验室中。这里囊括了所有正在开发小功能。

  下面推荐几款实用的小功能，实验性功能有很多，可自行探索！！！

标签悬停图像预览

chrome://flags/#tab-hover-card-images

  在地址栏输入上面的代码后将Default改成Enabled，重启浏览器即可。

  当页面打开过多的时候，标签会挤在一起导致无法看清网页标题，增加了不必要的切换、返回、关闭某个页面工作量,这个功能可以预览打开的网页页面，还不错，虽然可能不经常用，但是个人喜欢。

阅读模式

chrome://flags/#enable-reader-mode

  阅读模式是浏览器为优化用户的阅读体验，自动隐藏网页的无关元素，如图片或贴片广告等，让页面变得简洁。（这个阅读效果似乎不是很好，之前有提到相关插件或者脚本，建议使用其他选择）

多线程下载

chrome://flags/#enable-parallel-downloading

  谷歌浏览器中默认的下载机制是使用保守的单线程，这就导致很多时候下载速度非常慢了，开启此功能即可畅想多线程下载，速度嗖嗖的！！！(当然著名的多线程下载器Internet Download Manager在这里就不做阐述了，有兴趣的童鞋可以研究下)

黑暗模式

chrome://flags/#enable-force-dark

  但是上面的标签栏并没有变颜色，想要标签栏并没有变颜色的话，建议在谷歌商店安装黑暗主题扩展，当然还有更多主题供你选择。

其他实用类技巧

  chrome浏览器的使用技巧还有很多很多，也许我介绍的并不是很全，如果大家还有更好的使用技巧，欢迎在评论区交流！！！

隐身模式

  chrome隐身模式太强大了，我们可以使用快捷键Ctrl+Shift+N打开隐身模式窗口，在这个窗口下，浏览器不会记录你的任何行为，呃…嗯…啊…哦…懂得都懂！！！:smirk::smirk:

  正常情况下，一个浏览器是不能同时登陆某网站的两个账号的，而隐身模式的强大之处就在于他可以和你正常的chrome脱离开。所以开启隐身模式，你就可以登陆你某个网站的第二个账号了，而且鬼知道你用来干嘛，猥琐发育，别浪！！！

多媒体浏览

  谷歌浏览器Chrome不仅仅是最好用的浏览器，而且实际上还是一个”多才多艺“的家伙。

  你可以将各种JPG、PNG、MP4、AVI等常见媒体格式文件拖进浏览器进行预览！！！

画中画播放

  当网页中有视频播放时，注意右上角工具栏的变化，你可以点击这个图标对视频进行控制！！！最常用的就是画中画播放功能了。

标签页右键

  右键标签页，这里隐藏了我们可能不知道的好用的功能！！！

网页右键

  在网页空白处右键，你会发现同样有很多工具选项！！！

页面自动滚动

  用谷歌浏览器打开一个比较长的网页，在任意的地方按住鼠标中键，朝下轻微位移鼠标，页面就会自动滚动，非常方便。其中的技术要点是：鼠标位移的幅度决定了自动滚动的速度，控制起来也是比较方便的。

网页输出PDF

  有时我们需要将网页内容打印出来进行保存或发送给别人，这时候将网页输出成PDF格式再进行打印是一个很不错的选择。

网页长截图

  网页导出的pdf有事会出现排版错乱的问题，这时候我们可以对网页进行长截图。下面是一种长截图的方法，如果你认真看完了这篇博客，你还会发现其余的途径。

  按 F12 弹出控制台，按 ctrl+p 弹出输入框,输入>capture选择capture full size screenshot即可自动下载网页全图。

任务管理器

  谷歌浏览器Chrome自带了一个任务管理器，像Windows的任务管理一样，可以看到每个进程、网页、插件、扩展程序占用的内存、CPU和网络。使用快捷键Shift + ESC 即可调出来。

写字板

• 在地址栏输入下面这行代码，浏览器会变成一个写字板。

data:text/html,<html contenteditable>

• 在浏览器地址栏输入下面的代码，你会得到一个更高级点的写字板。

data:text/html;charset=utf-8, <title>Scratchpad</title><style>body {padding: 5%; font-size: 1.5em; font-family: Arial; }”></style><link rel=”shortcut icon” href=”https://ssl.gstatic.com/docs/documents/images/kix-favicon6.ico”/><body OnLoad=’document.body.focus();’ contenteditable spellcheck=”true” >

  输入好代码后，将页面保存到书签栏以方便访问。

  这个编辑器支持对文本的格式设置（Ctrl+B为设置粗体，Ctrl+I为设置斜体，Ctrl+U为设置下划线）打开它，你可以直接开始打字——如果你想保存你的想法，以便以后检索，按ctrl+s进行保存。

自由篡改网页信息（贼有意思）

document.body.contentEditable='true';

  输入代码后我们就可以随意篡改网页上的文字了，很多虚假的网页新闻就是这样更改的，发挥你的想象力，快去整蛊恶搞下小伙伴吧！！！！（其实原理很简单，如果您熟悉前段开发的话）

写在后面

  啊啊啊啊啊，终于写完了！！！

  🧡全文共10775个字（不包含字符标点）（未删减前），近百张截图，原创实属不易，评论支持一下吧，当然还有赞赏功能哦🧡

  写完整篇博客，我也是被浏览器众多的功能震撼到了，这种震撼还不包括各种神级网页所带来的震撼（互联网发展至今，诞生了众多功能强大的网站，计划后期会搜集整理，单独写一篇博客）

  电脑及各种硬件和软件的出现给我们的生活带来了翻天覆地的变化。浏览器如此强大震撼的功能，也使得我们的工作学习效率更加的高效。引水方知开源不易。这背后离不开全球各地开发人员们的不懈努力，我意识到，也许程序员真的是种一个伟大的职业，于是，我悄悄地埋下了一颗种子…

附录1：chrome快捷键整理

  快捷键这个东西记住了会让你的工作效率倍增。

标签页快捷键

功能快捷键

网页快捷键

鼠标快捷键

附录2：chrome地址栏命令