像黑客一样!Chrome 完全键盘操作指南(原生快捷键 + Vimium 插件)

像黑客一样!Chrome 完全键盘操作指南(原生快捷键 + Vimium 插件)

发布于 2018-07-01 11:56 更新于 2018-07-27 23:40

有那么一波小伙伴,多数时候都不需要用到鼠标,通常他们正好是“黑客”。当你开始使用键盘操作一切时,便能体会到无需用鼠标瞄准按钮时的干脆,无需在键盘和鼠标之间移动手时的轻松。

Chrome 原生自带大量快捷键,Vimium 在原生的基础上又增加了大量网页操作。结合两者,你完全能摆脱鼠标。


Chrome 原生快捷键

Chrome 原生快捷键估计多数人都能说出其中的一部分出来,例如 F5 刷新,Ctrl+W 关闭标签页。

这里我列出日常浏览时会用到的快捷键:

  • F3 查找 应该没有人不知道吧
    • Ctrl+G 查找下一条
    • Ctrl+Shift+G 查找上一条
  • F6 转到地址栏 于是能够立即开始输入新网址
    • Enter 跳转页面或搜索 应该没有人不知道吧
    • Ctrl+Enter 加上 www. 前缀和 .com 后缀然后打开网站
    • Alt+Enter 在新标签页中跳转页面或搜索
    • Ctrl+K 转到地址栏并搜索
  • F10 转到 Chrome 菜单按钮
  • F11 全屏模式
  • F12 打开开发者工具
  • Ctrl+T 新建标签页

配合 Vimium,你可以操作 Chrome 界面上的所有按钮了:

▲ 蓝色表示 Chrome 原生快捷键,橙色表示 Vimium 快捷键

更多 Chrome 快捷键可以去官网上查阅:Chrome 键盘快捷键 - Google Chrome帮助

Vimium 插件

继续阅读之前,请先点此安装 Vimium 插件

Vimium = Vim + Chromium

Chromium 是 Chrome 浏览器所用的内核。

Vim,如果你知道这款编辑器,那就最好了,因为我太懒不想介绍。但如果你不知道,我也不会介绍,因为太懒了;不过你可以看看 知乎,它是入门门槛高到爆但功能强大到爆的文本编辑器。

完全键盘操作就靠 Vimium 了。是的,完全可以脱离鼠标!

如果你正在阅读这篇博客,那么直接按下 “?” 试试!(我想你应该记得要加上 Shift 才能输入 “?” 吧!

于是你打开了 Vimium 的快捷键帮助页面:

如果英文阅读吃力,可以阅读下面我精简过后的中文版:

  • 页面滚动
    • j 按住向下滚,直到松开
    • k 按住向上滚,直到松开
    • gg 滚到顶部
    • G 滚到底部
    • d 向下滚半页
    • u 向上滚半页
    • h 按住向左滚,直到松开
    • l 按住向右滚,直到松开
  • 页面导航
    • yy 复制当前标签页的 url
    • p 在当前标签页粘贴并打开 url
    • P 在新标签页粘贴并打开 url
    • f 在当前页打开链接
    • F 在新标签页中打开链接
    • H 后退
    • L 前进
  • 快速启动框
    • o 检索书签或历史记录,找到网址后打开
    • O 检索书签或历史记录,找到网址后在新标签页中打开
    • b 检索书签,找到网址后打开
    • B 检索书签,找到网址后在新标签页中打开
    • T 检索打开的标签页,选择后切换到此标签页
  • 页面标签
    • t 打开一个新标签页
    • J 切换到左边的标签页
    • K 切换到右边的标签页
    • ^ 切换到刚刚访问的标签页
    • g0 切换到第一个标签页
    • g$ 切换到最后一个标签页
    • yt 复制当前的标签页
    • x 关闭当前标签页
    • X 恢复刚刚关闭的标签页

你应该已经注意到了,多数情况下小写字母表示当前标签页,大写字母表示新标签页。而区分大小写也是 Vimium 与 Chrome 原生快捷键很大的一个不同点(不信你试试按下 CapsLock 键)。

Vimium 不止是快捷键,你应该页注意到上面的 “快速启动框” 了,凭借着模糊搜索,你能迅速定位到你曾经访问过的网页,而无需再用鼠标一个个去翻找了。

而这么多的快捷键中唯一一个能被别人看出来你是在用 Vimium 的只有 fF 了,因为按下后网页上会显示每个链接的快捷键,按下屏幕上新显示的快捷键能够打开链接(或在新标签页中打开链接)。

摆脱鼠标,像黑客一样操作 Chrome

快捷键虽然多,但其实只需要练习几个小时就熟练了,双手不需要再不断在鼠标和键盘之间移动时,你的效率已暗中提高了。

我会偷偷告诉你我鼠标坏了吗?


参考资料

本文会经常更新,请阅读原文: https://walterlv.com/post/use-chrome-like-a-hacker.html ,以避免陈旧错误知识的误导,同时有更好的阅读体验。

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名 吕毅 (包含链接: https://walterlv.com ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系 (walter.lv@qq.com)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏freesan44

实现 iOS 前台时的推送弹窗效果

原文链接:http://www.jianshu.com/p/67864e1c2085

17320
来自专栏贺嘉的专栏

如何用Baas快速在腾讯云上开发小程序之系列4:实现客户侧商品列表、商品详情页程序

本文将分享如何在腾讯云上实现小程序的商品展示和数据库查询操作。通过实现商品列表、商品详情页程序,熟练掌握云端数据表查询操作,包括掌握小程序调试方法、掌握小程序操...

1.3K00
来自专栏ThoughtWorks

TW洞见〡现代Web页面开发流程

现代Web页面开发流程 通常来说,Web页面开发的流程大致是这样的:设计师(设计师不是美工,就像程序员不是码农一样)提供设计稿,通常是图片格式。然后前端的开发...

40760
来自专栏小程序·云开发专栏

解剖小程序的 setData

原文链接:https://godbasin.github.io/2018/10/05/wxapp-set-data/

1.9K30
来自专栏前端新视界

jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功...

35790
来自专栏星流全栈

二〇一六年的前端入门指南

14280
来自专栏大数据钻研

前端面试那些坑之HTML篇

HTML 1、Doctype作用?标准模式与兼容模式各有什么区别? (1)、<!DOCTYPE>声明位于位于HTML文档中的第一行,处于<html> 标签之前...

40890
来自专栏程序员的知识天地

微信小程序的组件用法与传统HTML5标签的区别

小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发。

30020
来自专栏司想君

HTML5.2新特性解读

不到一个月之前,W3C官方发布 HTML5.2,并成为官方推荐使用标准。这意味着作为web开发者,我们可以愉快地使用5.2中的新特性了。 W3C在HTML5.2...

37950
来自专栏IMWeb前端团队

React-Native简介

React-Native 基于目前React来开发IOS原生应用,Android版本将在年底推出。 为什么需要React-Native 目前主流的应用大体分成三...

341100

扫码关注云+社区

领取腾讯云代金券