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

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 的只有 f 和 F 了,因为按下后网页上会显示每个链接的快捷键,按下屏幕上新显示的快捷键能够打开链接(或在新标签页中打开链接)。

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

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

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


参考资料

像黑客一样!Chrome 完全键盘操作指南(原生快捷键 + Vimium 插件)的更多相关文章

  1. Chrome DevTools – 键盘和UI快捷键参考

    Chrome DevTools有几个内置的快捷键,可以节省你的日常工作的时间. 本指南提供了Chrome DevTools中每个快捷键的快速参考.虽然一些快捷方式在全局范围内可用,但其他的快捷方式用于 ...

  2. Chrome也疯狂之Vimium插件

    Chrome也疯狂之安装Vimium插件 由于最近换上了Mac,深感外设的累赘,脱离了外接鼠标以及键盘之后发现操作更加的流畅了(可怜我入手不到一年的机械键盘).当然脱离鼠标用触摸板来操作浏览器有时候还 ...

  3. chrome - Vimium 插件超级方便快捷键

    Vimium插件作用 安装后,可以用定义好的快捷键操作浏览器,好用到爆粗口 下载地址 https://chrome.google.com/webstore/detail/vimium/dbepggeo ...

  4. 开发原生安卓cordova插件(基础)

    cordova应用如果需要调用原生安卓接口,方法是使用cordova插件,cordova官方提供了主流原生功能的插件,但如果还不能满足需求,也可以自己开发cordova插件 以下介绍开发一个最简单的插 ...

  5. MAC 打开Chrome打开开发者工具的快捷键

    mac下safari和chrome打开开发者工具的快捷键相同,都是 option(alt)+command+i 这个是我的默认配置,没有更改过的.

  6. Chrome谷歌浏览器web前端开发好用插件(自己用)备忘

    Chrome谷歌浏览器web前端开发好用插件(自己用)备忘 一.总结 英语好一点的话要什么工具就直接去Chrome插件里面找非常方便. 二.测试题-简答题 1.Chrome修改页面字符集是什么? 解答 ...

  7. win10下通过编译源码方式在chrome中成功安装react-devtools开发工具插件

    win10下通过编译源码方式在chrome中成功安装react-devtools开发工具插件   1.去git上下载react-devtools文件到本地,https://github.com/fac ...

  8. 自制 移动端 纯原生 Slider滑动插件

    在Google搜关键字“slider”或“swiper”能找到一大堆相关插件,自己造轮子是为了能更好的理解其中的原理. 给这个插件取名为“veSlider”是指“very easy slider”非常 ...

  9. chrome 浏览器 手动同步书签 && 安装离线插件

    现在查的很严,所以使用chrome浏览器 同步功能不是特别好,就算是FQ也会出现 同步延迟的情况,所以定时使用手动同步还是很靠谱的行为,就在网上找了下,借鉴下.亲测可用. 在Chrome浏览器没有一个 ...

随机推荐

  1. Linux安装jdk、删除Open jdk

    1.将jdk解压安装完成后,在bin目录下查看当前jdk的版本号 命令: ./java -version 2.编辑修改配置 1. 修改profile文件 进入命令:   vi  /etc/profil ...

  2. 安装webpack命令环境

    1.通过cnpm安装webpack命令环境,如图 2.安装完后查看webpack的版本,如图

  3. Java_SQL_类型对应_资料

    1.http://argel-lj.iteye.com/blog/1183123 2.http://www.fx114.net/qa-119-110105.aspx JDBC 的"类型&qu ...

  4. w3c标准盒模型与IE传统模型的区别

    一.盒子模型(box model) 在HTML文档中的每个元素被描绘为矩形盒子.确定其大小,属性——比如颜色.背景.边框,及其位置是渲染引擎的目标. CSS下这些矩形盒子由标准盒模型描述.这个模型描述 ...

  5. 如何高效的使用 Git

    -- 代码昨天还是运行好好的今天就不行了. 代码被删了. 突然出现了一个奇怪的 bug,但是没人知道怎么回事. 如果你出现过上面的任何一种情况,那本篇文章就是为你准备的. 除了知道 git add, ...

  6. CSS布局框架 960GS

    1.960GS 特点 小巧简单,功能单一(仅仅做排版的工作,其他东西靠自己.)(三个文件:reset.css,960.css,font.css) 界面宽960px,适合目前主流1/2以上显示器都满屏宽 ...

  7. Python 排序---sort与sorted学习

    当我们从数据库中获取一写数据后,一般对于列表的排序是经常会遇到的问题,今天总结一下python对于列表list排序的常用方法: 第一种:内建方法sort() 可以直接对列表进行排序 用法: list. ...

  8. Ansible 开发调试 之【模块调试】

    本地调试 需要安装jinja2 库 yum -y install python-jinja2 使用官方提供的测试脚本调试 git clone git://github.com/ansible/ansi ...

  9. 022——VUE中remove()方法的使用:

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. c#批量上传图片到服务器示例分享

    这篇文章主要介绍了c#批量上传图片到服务器示例,服务器端需要设置图片存储的虚拟目录,需要的朋友可以参考下 /// <summary> /// 批量上传图片 /// </summary ...