news 2026/9/15 5:00:01

Vimium 备忘清单:浏览器 Vim 键盘导航快捷键与自定义配置全速查

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Vimium 备忘清单:浏览器 Vim 键盘导航快捷键与自定义配置全速查

Vimium 备忘清单:浏览器 Vim 键盘导航快捷键与自定义配置全速查

【免费下载链接】reference面向开发者的技术速查清单(Cheat Sheets)集合,整理常见技术、工具与开发流程,帮助快速查阅关键信息,提高开发效率。项目地址: https://gitcode.com/GitHub_Trending/referen/reference

Vimium 是一款让浏览器重获 Vim 操作体验的键盘导航扩展,本清单围绕 docs/vimium.md 整理其在滚动、链接、标签页、搜索与开发者工具等场景下的全部快捷键,并给出快捷键自定义的 JSON 配置示例。读完本文,你可以把 Chrome / Edge / Firefox 变成“无鼠标浏览器”,用j/k/h/l等按键完成绝大多数网页操作,并依照自己的习惯重新映射快捷键。

Vimium 是什么:三大功能特点

Vimium 是运行在浏览器中的 Vim 风格操作扩展,核心能力可以概括为三点:

  • 键盘导航:使用类似 Vim 的快捷键进行网页滚动、打开链接、管理标签页等操作,核心思路与 Vim 编辑器一脉相承——h/j/k/l对应四个方向的移动,gg/G对应页首/页尾;
  • 快捷键自定义:用户可根据个人习惯自定义快捷键,将高频命令绑定到自己顺手的按键上,提升使用体验;
  • 无鼠标操作:通过键盘快捷键完成几乎所有浏览器操作,减少对鼠标的依赖,显著提高浏览与检索效率。

该清单在本仓库中归属于“快捷键 - 其它”分类下的“浏览器插件”标签,与 Google Chrome、Firefox 等浏览器快捷键清单并列,详见 README.md 的导航索引。

安装方式

Vimium 作为浏览器扩展,按浏览器选择对应的官方分发渠道安装即可:

  • Chrome 浏览器:在 Chrome Web Store 中搜索并安装 Vimium(扩展 ID 可于商店详情页查看);
  • Edge 浏览器:在 Microsoft Edge Add-ons 中搜索并安装 Vimium;
  • Firefox 浏览器:在 Firefox Add-ons 中搜索并安装 Vimium(Firefox 版本为vimium-ff)。

安装完成后,扩展通常会自动在地址栏右侧出现图标,打开任意网页即可进入 Vim 键盘模式开始使用。本文所述快捷键均以扩展默认设置为基准,自定义映射后请以实际配置为准。

快捷键自定义:JSON 配置示例

Vimium 的核心优势之一是可自定义按键映射。扩展的快捷键设置界面中,可以通过类似下面的 JSON 结构把“命令”与“按键”建立对应关系,例如将滚动与翻页命令集中绑定到h/j/k/lf/F上:

{ "customKeybindings": { "scrollUp": "k", "scrollDown": "j", "scrollLeft": "h", "scrollRight": "l", "reload": "r", "openLinkInCurrentTab": "f", "openLinkInNewTab": "F" } }

配置要点:

  • scrollUp/scrollDown/scrollLeft/scrollRight分别对应上、下、左、右四个方向的滚动命令;
  • reload绑定到r,实现一键刷新页面;
  • openLinkInCurrentTabopenLinkInNewTab分别绑定fF,对应“当前标签页打开链接”与“新标签页打开链接”两种模式,大小写区分语义是 Vim 风格的常见设计;
  • 自定义按键会覆盖默认映射,建议将上表中的默认快捷键整体迁移后再调整个别按键,避免功能丢失。

键盘快捷键速查总表

以下快捷键均以 Vimium 默认设置为准,按功能场景分类列出,可直接复制到浏览器中逐一验证。

基本导航

这是最常用的滚动与页面操作集合:

快捷键功能
?显示帮助对话框,列出所有可用按键
h向左滚动
j向下滚动
k向上滚动
l向右滚动
gg滚动到页面顶部
G滚动到页面底部
d向下滚动半页
u向上滚动半页
f在当前标签页中打开链接
F在新标签页中打开链接
r重新加载页面
gs查看页面源代码
I进入插入模式 —— 所有命令将被忽略,直到你按下 Esc 退出
yy复制当前网址到剪贴板
yf复制链接地址到剪贴板
gf向前切换到下一个框架
gF聚焦主框架 / 顶部框架

使用建议:初次上手先记住j/k(上下滚动)与f(打开链接)三个键;?随时可唤起帮助对话框,是记忆全部按键的最佳入口。

导航到新页面

通过地址、书签或历史记录快速跳转:

快捷键功能
o打开网址、书签或历史记录条目
O在新标签页中打开网址、书签或历史记录条目
b打开书签
B在新标签页中打开书签

o/O会唤起一个模糊匹配输入框,输入关键词即可在历史记录与书签中过滤候选,是替代地址栏的快速导航方式。

浏览您的历史

快捷键功能
H后退到历史记录
L前进到历史记录

H/L与浏览器的“后退 / 前进”按钮等价,但无需移动鼠标,适合在多个页面间来回对照。

操作选项卡(标签页管理)

快捷键功能
J, gT向左切换一个标签页
K, gt向右切换一个标签页
g0跳转到第一个标签页;使用ng0跳转到第 n 个标签页
g$跳转到最后一个标签页
^访问上一个访问过的标签页
t创建新标签页
yt复制当前标签页
x关闭当前标签页
X恢复关闭的标签页(撤销x命令)
T搜索打开的标签页
W将当前标签页移动到新窗口
<a-p>固定 / 取消固定当前标签页

需要特别说明的两点:

  • J/KgT/gt是两套等价的左右切换方案,前者更贴近 Vim 的“下 / 上”习惯,后者则是g前缀导航风格,按个人喜好选择即可;
  • ng0支持数字前缀:直接输入数字再加g0,可精确跳转到第 n 个标签页,适合标签页较多的场景。

链接操作

围绕链接展开的打开与 URL 层级操作:

快捷键功能
f打开链接
F在新标签页中打开链接
gf打开下一个框架
gu进入当前 URL 的父级路径
gU进入当前 URL 的根路径

gu/gU是 Vimium 的特色命令:gu从当前页面 URL 向上回退一级路径(如/a/b//a/),gU则直接回到站点根路径,适合快速退出深层目录页面。

搜索与复制

页面内查找与文本复制操作:

快捷键功能
/在页面中搜索
n下一个搜索结果
N上一个搜索结果
yy复制当前页面的 URL
yf复制链接

/唤起页面内搜索后,n/N在匹配结果间前进与后退;yf会进入链接选取模式,按下对应字母即可把目标链接地址复制到剪贴板,是抓取批量链接的利器。

插入模式

快捷键功能
i进入插入模式
I进入插入模式(已聚焦元素)

插入模式下所有 Vimium 命令都会被忽略,相当于把键盘控制权交还给页面本身,适用于输入框、文本编辑器等场景;按Esc即可退出并恢复键盘导航。

开发者工具

面向调试场景的输入框与框架操作:

快捷键功能
gi聚焦第一个输入框
gI聚焦最后一个输入框
gs查看页面源代码
gf打开下一个框架
gF打开所有框架

gi/gI在包含搜索框、表单的页面上尤其高效,可直接跳到页面首尾的输入元素开始输入;gs则等价于在地址栏前加view-source:查看源码。

使用要点:模式思维与快捷上手路径

Vimium 沿用了 Vim 的“模式”思想,掌握下面三条规则就能快速上手:

  1. 常态处于普通模式:默认状态下所有字母按键都作为命令解释,滚动、切换标签、打开链接等操作无需任何修饰键;
  2. 插入模式让位给页面:遇到输入框需要键入时,用i/I进入插入模式,此时 Vimium 命令失效,Esc退出后恢复导航;
  3. ?永远是你的地图:忘记按键时随时按?唤起帮助对话框,它会列出当前所有可用按键的完整清单。

建议的入门顺序:先练h/j/k/lgg/G完成滚动,再练f/F接管链接打开,最后掌握t/x/X/T完成标签页闭环,一周内即可完全脱离鼠标完成常规浏览。

本文在 reference 项目中的位置与延伸阅读

本清单是开源仓库 Quick Reference(reference)速查清单集合中的一篇,遵循docs/{filename}.md的文档约定,由构建脚本统一处理成网页版备忘清单(该约定详见 CONTRIBUTING.md)。你可以通过以下路径继续深入:

  • docs/vimium.md:本文对应的原始备忘清单源文件,是快捷键表格与配置示例的唯一事实来源;
  • README.md:首页导航中 Vimium 清单的入口,位于“快捷键 - 其它”分类,标注为“浏览器插件”;
  • 仓库中同属快捷键场景的姊妹清单:Google Chrome、Firefox,可对照了解浏览器原生快捷键与 Vimium 扩展快捷键的差异。

若需要了解 Vimium 的更完整命令列表与自定义映射语法细节,可进一步查阅 Vimium 官方文档(philc/vimium 项目),本文中的表格以扩展默认设置为基准,自定义配置后请以实际行为为准。

【免费下载链接】reference面向开发者的技术速查清单(Cheat Sheets)集合,整理常见技术、工具与开发流程,帮助快速查阅关键信息,提高开发效率。项目地址: https://gitcode.com/GitHub_Trending/referen/reference

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/15 4:59:59

oauth2-proxy 集成 Facebook 登录:Provider 配置实战与源码实现解析

oauth2-proxy 集成 Facebook 登录&#xff1a;Provider 配置实战与源码实现解析 【免费下载链接】oauth2-proxy A reverse proxy that provides authentication with Google, Azure, OpenID Connect and many more identity providers. 项目地址: https://gitcode.com/GitHub…

作者头像 李华
网站建设 2026/9/15 4:58:25

Bootstrap 5.3 + Boxicons 快速搭建响应式电商页面

简介&#xff1a;这是一份面向前端初学者与课程设计学生的线上购物商城页面模板实战项目&#xff0c;聚焦HTML5、CSS3与JavaScript核心技能训练&#xff0c;通过MOCK数据模拟真实电商交互场景&#xff0c;解决网页结构搭建、响应式布局、动态购物车及用户交互等典型开发问题。资…

作者头像 李华
网站建设 2026/9/15 4:57:41

2026高稳定性台式主机配置指南:创意工作者三年不落伍方案

1. 这不是“榜单”&#xff0c;而是一份2026年9月仍在稳定服役的台式主机配置清单你点开这篇&#xff0c;大概率不是为了找“最便宜”或“最贵”的那台机器&#xff0c;而是想确认&#xff1a;现在花这笔钱&#xff0c;买回来的主机能不能撑住未来三年不落伍&#xff1f;能不能…

作者头像 李华
网站建设 2026/9/15 4:57:10

云服务器怎么选?工程师的配置推荐与避坑经验

最近总被问&#xff1a;工程师到底买哪家云服务器最划算&#xff1f;既要便宜&#xff0c;又怕跑路&#xff0c;还要配置能扛住日常折腾。这个问题我前后也踩过不少坑&#xff0c;从学生时代蹭免费额度&#xff0c;到工作后自己搭博客、跑爬虫、做 CI&#xff0c;断断续续用过好…

作者头像 李华
网站建设 2026/9/15 4:55:56

React Native商城应用架构设计与跨端优化实践

1. React Native商城应用架构设计解析电商类应用作为移动端开发的核心场景&#xff0c;其复杂度主要体现在多模块集成与高性能渲染需求上。基于React Native的全能商城实现方案&#xff0c;通过组件化架构和类型安全设计&#xff0c;为开发者提供了可复用的工程实践范本。1.1 核…

作者头像 李华
网站建设 2026/9/15 4:54:28

context-mode:基于SQLite+BM25的本地智能体上下文管理范式

1. 什么是 context-mode&#xff1a;一个被严重低估的本地智能体交互范式你最近在技术社区、AI工具文档甚至前端插件配置里反复看到context-mode这个词&#xff0c;它不像 LLM、RAG 或 Agent 那样自带“科普光环”&#xff0c;也没有 flashy 的 demo 视频&#xff0c;但它正悄然…

作者头像 李华