今天无意中发现了一个普及Chrome知识的文章，现在把我曾不知道的整理在这。

---

快速跳转到指定行

在Sources中打开的文件，想跳转到指定行，可输入ctrl+g

跳转指定行

ctrl+o，输入:和行数，就不是去寻找一个文件，而同样是跳转行号。

在控制台选择元素

DevTools控制台支持一些变量和函数来选择DOM元素：
$()是document.querySelector()的简写：返回第一个和css选择器匹配的元素。$(‘div’)是返回这个页面中第一个div元素 $$()是document.querySelectorAll()的简写：返回一个和css选择器匹配的元素数组 $0-$4是依次返回五个最近你在元素面板选择过的DOM元素的历史记录，$0是最新的记录

选择元素

多个光标同时插入

在编辑一个文件的时候，按住ctrl，在要编辑的地方点击鼠标，可以设置多个插入符，这样可以一次在多个地方编辑。

多光标

美化代码

有些代码看起来很乱，这个可让代码更易读。
点击左下角的{}

美化代码

下一个匹配项

在Sources标签下编辑文件时，按下ctrl+d，当前选中的单词的下一个匹配也会被选中，可同时对它们进行编辑。

下一个匹配

通过workspaces来编辑本地文件

Workspaces是Chrome DevTools的一个强大功能，这使DevTools变成了一个真正的IDE。Workspaces会将Sources选项卡中的文件和本地项目中的文件进行匹配，所以你可以直接编辑和保存，而不必复制/粘贴外部改变的文件到编辑器。
为了配置Workspaces，只需打开Sources选项，然后右击左边面板的任何一个地方，选择Add Folder To Worskpace，或者只是把你的整个工程文件夹拖放入Developer Tool。
无论在哪一个文件夹，被选中的文件夹，包括其子目录和所有文件都可以被编辑。为了让Workspaces更高效，可以将页面中用到的文件映射到相应的文件夹，允许在线编辑和简单的保存。

Chrome 实验性功能

chrome://flags/

这个能更好修改浏览器特性，但是也可能会造成某些不稳定。

实验性功能

---

不定期更新