chrome
作为开发必备的浏览器,将其设置的足够好用,有利于我们提升开发的效率。本文就谈一下我是如何使用 chrome
的。
如何才能实现高效
实现高效的两个要点
- 保持页面的简洁,不必要的功能全都隐藏掉,过多的视觉元素会干扰注意力,从而影响效率,足够清爽的页面可以提升人的专注力。
- 减少点击的操作达成目的,尽可能的使用快捷键来达成目的,比如对地址栏的操作,对标签页的操作,浏览记录的前进后退,以及最长用的开发者工具的一些列快捷键,都应当熟练的掌握。
下面我就从这两个方面来细谈
chrome 的极简配置
外观的配置
进入 chrome
的设置,选择外观,取消激活一下选项
不要收藏任何书签,基于两个原因:
- 收藏就等于埋葬,你经常使用的网站
chrome
地址栏记录会帮你记忆,而你不经常使用的网站又根本没必要收藏书签, - 收藏标签会导致
chrome
的新标签页产生书签栏,且无法隐藏。虽然在其他网页下,书签栏是可以掩藏的,但是作为一个使用chrome
默认起始页的强迫症患者,是在无法忍受多处一截空白的书签烂。
最后附上设置完成后的 chrome
首页,只使用默认的谷歌搜索页,这个那个菜单栏就只有网页前后退,刷新(如果 chrome
提供隐藏的快捷键就更好了,当熟练使用快捷按来操作网页前后进和刷新,这三个按钮几乎无用),地址栏,以及右侧的扩展和账户。
菜单栏的元素达到了 chrome
允许的最小状态,可以看到非常的简洁清爽。
chrome 快捷键
chrome
提供了丰富的快捷键来提高使用的效率,下面我对我常用的快捷键进行了分组列表展示:
窗口操作
操作 | 快捷键 | |
---|---|---|
打开新的 chrome 窗口 | ⌘ + n | |
在无痕模式下打开新窗口 | ⌘ + Shift + n | |
关闭当前窗口 | ⌘ + Shift + w | |
全屏窗口 | fn + f,⌘+⌥ + f | |
全屏窗口下隐藏标题栏 | ⌘ + ⇧ + f |
标签页操作
操作 | 快捷键 | |
---|---|---|
打开新的标签页 | ⌘ + t | |
关闭一个标签页 | ⌘ + w | |
恢复上次关闭的标签页 | ⌘ + ⇧ + t | 有时候不小心关闭了标签页,不要傻傻的再从历史记录里找了,使用此快捷键直接回复最近关闭的 10 个标签页。 |
跳转到特定标签页 | ⌘ + 1-8 | |
跳转到最后一个标签页 | ⌘ + 9 | |
切换到左边的标签页 | ⌘ + ⇧ + [ 或者 ⌘ + ⌥ + ← | |
切换到右边的标签页 | ⌘ + ⇧ + ] 或者 ⌘ + ⌥ + → | |
打开当前标签页浏览记录中记录的上一个页面 | ⌘ + [ 或 ⌘ + 向左箭头键 | |
打开当前标签页浏览记录中记录的下一个页面 | ⌘ + ] 或 ⌘ + 向右箭头键 | |
焦点聚焦到地址栏 | ⌘ + L | 高频,快速聚焦地址栏输入网址访问网站,免去鼠标点击操作 |
刷新页面 | ⌘ + R |
调试相关快捷键
使用 chrome 调试网页的过程中,打开 chrome 的开发者工具可谓是最高频的操作了,包括切换成手机调试模式,选择元素,chrome 都提供了一些快捷键,熟练记忆以下快捷键可以极大提升调试的效率。
操作 | 快捷键 | 备注 |
---|---|---|
打开控制台 | ⌘ + ⇧ + j | 高频,不要再傻傻的使用鼠标右键选择检查了 |
清楚控制台信息 | ⌘ + k | 如果面板在网络,则清除网络日志 |
打开开发者工具 | ⌘ + ⇧ + i | 会记录上一次打开的面板 |
上一个面板 | ⌘ + [ | |
下 一个面板 | ⌘ + ] | |
重新加载 devtools | ⌥ + R | |
切换移动/pc 设备 | ⌘ + ⇧ + M | |
选择页面元素 | ⌘ + ⇧ + C |
以上快捷键是我在实际使用 chrome
中会用到的快捷键,基本可以使我完全脱离鼠标使用 chrome
, 看起来非常多,但这个并不是需要死记硬背的东西,我说下我是如何完全记住这些快捷键的。
因为我向来讨厌鼠标的点击操作,所以对于任何应用软件,都会习惯摸索他的快捷键,比如说拿 chrome
的地址栏输入地址来说,以前我也都是鼠标点击地址栏,使其激活,然后再输入地址,但是频繁的这样操作后,就觉得很烦,整个链条太长。
我就想有没有什么快捷键可以直接聚焦到地址栏,然后就去搜索 chrome
的快捷键,接着就知道了cmd+L
这个快捷键。
接着在以后遇到需要切地址的时候,我可能第一反应还是用习惯的点击操作,但是会想到有这么一个快捷键,那么就会尝试使用,渐渐的使用多了就完全替代掉了旧有的点击操作习惯。
一旦掌握了一个快捷键,发现能提升自己的效率,增加自己使用软件的爽感,就会逐步摸索别的快捷键来改良自己平时操作 chrome
中比较费时的操作,就这样发现问题,寻找快捷键,熟练使用,渐渐的就能完全掌握所有 chrome
的快捷键。
总的来说方法就是:选择性学习,熟能生巧,最后全盘覆盖