ASPIRE

Chrome效率插件Vimium的使用

=Start=

缘由：

自从用了Mac Pro之后，Chrome 就成了我的主力浏览器——在不考虑内存占用的情况下，Chrome绝对是最好用的浏览器之一。但用了这么久的Chrome，它的很多「扩展」我还从来都没有接触过，这次心血来潮，希望能通过扩展挖掘一下 Chrome 的潜能，提升一下我的工作效率。这次就来总结/记录一下 Vimium 插件的使用，也当作备忘。

正文：

0.安装

请自行去Chrome扩展应用商店去下载，不过因为某些原因，你需要科学上网的方法才能下载。

1.使用
页面内导航

j：向下滚动一点
k：向上滚动一点
gg：到页面最底部
G：到页面最底部
d：向下翻一屏
u：向上翻一屏
r：重新加载当前页面
yy：复制当前标签页的URL

h：向左滚动一点
l：向右滚动一点

快速打开URL

p：在当前标签页中打开「剪贴板」中的URL链接
P：在 新 标签页中打开「剪贴板」中的URL链接

f+「**」：打开当前页面上任意一个链接
F+「**」：在 新 标签页中打开当前页面上任意一个链接

o：在当前标签页中打开「URL、书签、浏览历史」中的URL链接
O：在新标签页中打开「URL、书签、浏览历史」中的URL链接

ge：快速编辑当前标签页的URL

页面内搜索

/：进入页面内搜索模式「输入字符，按Enter键确认」
n：下一匹配项
N：上一匹配项

浏览历史

H：历史回退
L：历史前进

标签页操作

t：创建新标签页
yt：复制并新打开一个当前标签页
T：显示当前打开的所有标签页，并支持快捷搜索和跳转
J：跳转至 左 标签页，或「gT」
K：跳转至 右 标签页，或「gt」
^：跳转至 上一个 标签页
x：关闭当前标签页
X：恢复已关闭的标签页

杂项

?：查看帮助信息
gi：定位到当前页面中的第一个输入框
gs：查看当前页面源代码

参考链接：

=END=

admin

,
, ,

《 “Chrome效率插件Vimium的使用” 》 有 15 条评论

  1. 一些常用的Chrome浏览器插件：`
    AdBlock ：广告拦截器
    EditThisCookie ：一个cookie管理器
    JSONView ：json内容格式化查看工具
    Save to Pocket ：Chrome 版 Pocket 扩展插件
    Tampermonkey ：由FireFox上的油猴脚本管理器而来
    添加到奇妙清单 ：奇妙清单一键收藏网页
    `

    回复

  2. 吐血推荐珍藏的Chrome插件
    https://mp.weixin.qq.com/s?__biz=MzA4NTQwNDcyMA==&mid=402064553&idx=1&sn=4bc95ed03916f87cc8dfd17baed54f24&scene=21#wechat_redirect
    `
    1. Listen 1
    2. The Great Suspender
    3. Similar Web
    4. Advertising Terminator
    5. Tampermonkey
    6. Grammarly
    7. Stylish
    8. Anything to QRCode
    9. Awesome Screenshot
    10. Click&Clean
    &
    1、Momentum
    2、OneTab
    3、Save to Pocket
    4、Page Ruler
    5、Alexa Traffic Rank
    6、Isometric Contributions
    7、Avatars for Github
    8、Octotree
    9、JSONView
    10、Postman
    `
    吐血推荐珍藏的 Chrome 插件二
    https://mp.weixin.qq.com/s/2lgx9FIr0qKEk-fGuj5j3A

    回复

  8. 分享一些好用的 Chrome 扩展
    https://4ark.me/post/549a6198.html
    `
    1. 谷歌访问助手
    2. 新浪微博图床
    3. AdBlock
    4. WEB 前端助手
    5. JSON Viewer
    6. Standardized Screenshot
    7. Chromoji – Emoji
    8. Clear Cache
    9. 二维码生成器
    10. 翻译侠
    11. 图流
    12. 阅读模式
    13. Octotree
    14. Enhanced Github
    15. Isometric Contributions
    16. Git History
    17. Tampermonkey
    18. Stylus
    `

    回复

  9. 强烈推荐的 Chrome 插件
    https://zhuanlan.zhihu.com/p/55564888
    `
    1. 扩展管理器（Extension Manager）
    要说我是如何管理这么多插件的，那只能靠它，不然 Google Chrome 就会把你的内存全部吃掉。它只需要点击一下就能打开或者某一个插件，通常对于偶尔使用的插件我就是这么处理的。其次，还能设置几个管理分组，在不同的情况下，切换不同的分组。
    如图，上面的就是正在使用，下面的则是关闭状态，只需要在图标上点击一下就可以打开或者关闭插件。右上角可以看到一个为 “常用” 的分组，分组后就不必一个一个点击插件，直接点击分组就可以全部打开分组里的所有插件。

    2. AdGuard 广告拦截器
    广告是个烦人的东西，特别是在浏览网页的时候，跳出来的弹窗广告，旁边的贴图广告，搜索引擎（如百度搜狗）的推广广告，以及看视频的时候前面的长达两分钟的视频广告。但是，有了这个插件，这些广告从此就不会在被你见到，我目前使用的所有网站的广告都被它屏蔽了。
    安装好之后，无需配置就可以使用了，如果某些网站不想添加屏蔽广告，就可以放进白名单里。

    3. Evernote Web Clipper
    如果是印象笔记的用户，那应该会知道这个插件的厉害之处。它能够保存所有的网页到你的笔记本里面，即使这个网页随后被404了，仍然能够在你的笔记本里找到。但它不仅仅保存的是网页链接，而且保存的文字和网站样式都会静静待在你的笔记本。
    它能够保存整个网页或者你选择的部分，或者在去除广告后以重新排版的形式来保存。当然保存截图或者网页链接更是不在话下。
    它还有个功能是在搜索的时候会把你笔记本里面的笔记搜索出来放在旁边，这样也很使用，因为笔记本里的文字一般是更有用的信息。

    4.Octotree
    这个就是与GitHub网站匹配使用的插件，它能够把代码的目录解析出来，在GitHub网站的侧边栏就有显示，展示的就像在IDE中打开一样，这样就不必每次都得先把GitHub仓库clone下来再访问。

    5.Dark Reader
    这个插件就很有趣，他能够改变网页的颜色，以适合的颜色来阅读网页。就像手机软件的夜间模式和护眼模式，它都具备这样的功能，我通常就会在夜晚使用这个插件，不伤眼。
    网页变为夜间模式了，赏心悦目。当然也能自由配置，调成你需要的模式。

    6.Markdown Here
    markdown格式，是专门设计为了那些不想排版的人用的，我这篇文章就是用的markdown写的。很多网站都不支持markdown语法，譬如在写电子邮件的时候，调节格式真是个大麻烦。但是使用了 markdown Here 后，你只需要专注地写你的内容，而不需要再费心思去排版。特别是程序员，对于代码的处理需要有专门的代码块，但在markdown中，只需要一个指令就可以。
    顺便说一下，markdown 学习起来很容易，10分钟就能够会用，就是几个命令而已，我推荐你去学习一下。

    7. 谷歌助手
    谷歌访问助手
    谷歌上网助手
    `

    回复

  12. 1. GoFullPage
    【功能简介】：滚动截屏。Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
    【使用方法】：安装后，浏览器上会有个小相机的图标，点一下就开始滚动截屏了，然后会生成图2，可编辑、可保存……

    https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl
    https://github.com/mrcoles/full-page-screen-capture-chrome-extension

    2. Utime
    【功能简介】：Convert Unix Epoch timestamps to human readable dates (and dates to timestamps) quickly and easily with Utime.
    【使用方法】：安装后，浏览器上有个钟表样子的小图标，直接点击，输入你要转化的时间戳就行了。

    https://chrome.google.com/webstore/detail/utime/kpcibgnngaaabebmcabmkocdokepdaki
    https://github.com/billdami/utime

    3. JSONVue
    【功能简介】：Validate and view JSON documents
    【使用方法】：安装成功自动生效。

    https://chrome.google.com/webstore/detail/jsonvue/chklaanhfefbnpoihckbnefhakgolnmc

    4. OneTab
    【功能简介】：节省高达95％的内存，并减轻标签页混乱现象
    【使用方法】：当您发现自己有太多的标签页时，单击OneTab图标，将所有标签页转换成一个列表。当您需要再次访问这些标签页时，可以单独或全部恢复它们。

    https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall

    5. FeHelper(前端助手)
    【功能简介】：JSON自动格式化、手动格式化，支持排序、解码、下载等，更多功能可在配置页按需安装！

    https://chrome.google.com/webstore/detail/fehelper%E5%89%8D%E7%AB%AF%E5%8A%A9%E6%89%8B/pkgccpejnmalmdinmhkkfafefagiiiad
    https://github.com/zxlie/FeHelper

    回复

  13. 从浏览器原理出发聊聊Chrome插件
    https://mp.weixin.qq.com/s/YP2CtduSBfLSGeaBNrurDA
    `
    本文从浏览器架构演进、插件运行机制、插件基本介绍和一些常见的插件实现思路几个方向聊聊Chrome插件。

    # 浏览器架构演进

    ## 单进程浏览器时代

    单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里，这些模块包含了网络、插件、JavaScript 运行环境、渲染引擎和页面等。在 2007 年之前，市面上浏览器都是单进程的。
    很多功能模块运行在一个进程里，是导致单进程浏览器不稳定、不流畅和不安全的一个主要因素。

    * 不稳定：早期浏览器需要借助于插件来实现诸如 Web 视频、Web 游戏等各种强大的功能，但是插件是最容易出问题的模块，并且还运行在浏览器进程之中，所以一个插件的意外崩溃会引起整个浏览器的崩溃。除了插件之外，渲染引擎模块也是不稳定的，通常一些复杂的 JavaScript 代码就有可能引起渲染引擎模块的崩溃。和插件一样，渲染引擎的崩溃也会导致整个浏览器的崩溃。

    * 不流畅：所有页面的渲染模块、JavaScript 执行环境以及插件都是运行在同一个线程中的，这就意味着同一时刻只能有一个模块可以执行。如果一个脚本非常耗时，它就会独占整个线程，这样导致其他运行在该线程中的页面没有机会去执行任务，导致整个浏览器失去响应，变卡顿。

    * 不安全：当你在页面运行一个插件时，插件可以操作系统资源，如果是个恶意插件，那么它就可以释放病毒、窃取你的账号密码，引发安全性问题。

    ## 多进程浏览器时代

    ### 早期架构

    从图中可以看出，早期的架构已经对浏览器的能力进行了拆分，主要拆分为三类：浏览器进程、插件进程和渲染进程。每个页面是运行在单独的渲染进程中的，同时页面里的插件也是运行在单独的插件进程之中，进程之间是通过 IPC 机制进行通信。

    ### 近期架构

    相较之前，近期的架构又有了很多新的变化。
    从图中可以看出，最新的 Chrome 浏览器包括：1 个浏览器主进程、1 个 GPU 进程、1 个网络进程、多个渲染进程和多个插件进程。

    ### 当前架构

    目前Chrome浏览器的架构正在发生一些改变，称为面向服务的架构(SOA)，目的是将和浏览器本身（Chrome）相关的部分拆分为一个个不同的服务，服务化之后，这些功能既可以放在不同的进程里面运行也可以合并为一个单独的进程运行。
    这样做的主要原因是让Chrome在不同性能的硬件上有不同的表现。当Chrome运行在一些性能比较好的硬件时，浏览器进程相关的服务会被放在不同的进程运行以提高系统的稳定性。相反如果硬件性能不好，这些服务就会被放在同一个进程里面执行来减少内存的占用。

    # 插件运行机制

    ## 打开页面发生了什么

    ## 打开插件发生了什么

    # 插件基本介绍

    ## 版本发展

    chrome插件存在三个版本，分别是Manifest V1、Manifest V2和Manifest V3。

    其中MV1版本已经被废弃了，目前市面上存在MV2和MV3版本，以MV2为主流，在被MV3慢慢取代。

    # 总结

    随着浏览器不断的发展，Chrome逐渐把一些基础服务独立出来，类似于一个跨平台的线上操作系统。

    Chrome插件提供的能力很丰富，比如代码注入、跨域请求、持久化方案、各种通信机制等，开发者可以发挥想象，组装不同能力以适应不同场景的需求，基本可以实现现代web所能支持的所有功能。

    Chrome插件MV2版本将在24年1月全面废弃，需要尽快迁移至MV3版本。
    `

    回复

  15. 本插件可以用于CSDN/知乎/脚本之家/博客园/掘金等网站,一键下载文章html或markdown文件;实现无需登录一键复制代码;支持选中代码;或者代码右上角按钮的一键复制;解除关注博主即可阅读全文提示;去除登录弹窗;去除跳转APP弹窗.
    https://github.com/027xiguapi/code-box
    `
    # 功能

    自定义
    * 插入自定义样式(css代码)
    * 自定义选择下载html
    * 自定义选择下载markdown
    * 自定义选择下载pdf

    CSDN
    * 一键下载文章html或markdown文件
    * 打开任意一个CSDN博客即可开始复制代码
    * 未登录CSDN状态下，支持选中代码
    * 未登录CSDN状态下，代码右上角按钮一键复制
    * 未登录CSDN状态下，不会再出现强制登录弹窗
    * 未关注博主状态下，不再提示关注博主即可阅读全文，且完整展示文章
    * 自动展开代码块
    * 移动端屏蔽跳转APP
    * 非vip用户，不再提示vip观看，且完整展示文章

    知乎
    * 一键下载文章html或markdown文件
    * 一键复制代码
    * 未登录知乎状态下，不再提示展开阅读全文，且完整展示文章
    * 未登录知乎状态下，不会再出现强制登录弹窗

    百度
    * 一键下载对话框html或markdown文件
    * 关闭AI对话框

    简书
    * 一键下载文章html或markdown文件
    * 移动端，一键复制代码
    * 不再提示展开阅读全文，且完整展示文章
    * 不会再出现强制登录弹窗

    脚本之家
    * 一键下载文章html或markdown文件
    * 打开任意一个脚本之家博客即可开始复制代码
    * 未登录脚本之家状态下，支持选中代码
    * 屏蔽广告
    * 移动端未登录脚本之家状态下，代码右上角按钮一键复制

    博客园
    * 一键下载文章html或markdown文件
    * 一键复制代码

    51CTO博客
    * 一键下载文章html或markdown文件
    * 未登录51CTO博客状态下，支持选中代码
    * 未登录51CTO博客状态下，代码右上角按钮一键复制
    * 未登录51CTO博客状态下，不会再出现强制登录弹窗
    * 移动端未登录51CTO博客状态下，代码右上角按钮一键复制

    php中文网
    * 一键下载文章html或markdown文件
    * 未登录php中文网状态下，支持选中代码
    * 未登录php中文网状态下，代码右上角按钮一键复制
    * 未登录php中文网状态下，不会再出现强制登录弹窗
    * 未登录php中文网状态下，移动端代码右上角按钮一键复制
    `

    回复

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注