1、多行编辑：

编辑sources面板下的文件时，按住ctrl键多光标选择，ctrl+u用于撤销(ctrl+z,ctrl+y仍然可用)，按住alt纵向选择，ctrl+d功能同sublime    text

2、快速查找文件&搜索特定字符串：

在sources面板下ctrl+p        

3、本地项目文件加入workspace实现同步编辑：

在sources面板下的左侧文件列表区域，右键选择add folder to workspace. 匹配本地项目。

4、$_ 在console面板中返回最近一次操作得到的值。

 5、$0~$4 返回最近操作的5个Dom元素

$0是最近第一个， $4是最近第五个

6、$$(selector) 返回所有css选择器匹配的元素

7、$x(path) 返回和给定XPath匹配的Dom元素

$x("//p") 返回页面所有的p元素

$x("//p[a]") 返回所有包含a元素的p元素

8、clear()方法用于清空控制台 copy(object)复制字符串到剪切板

9、getEventListeners(object)返回指定对象上注册的所有事件。

10、keys(object)返回一个包含指定对象所有属性的数组，其对应的值可以用values()获取到

11、table(data[, columns]) 用于将数据格式化为表格形式显示

12、values(object)返回对象所有属性的值

13、console.time('msg') console.timeEnd('msg') 类似计时器，返回从开始到结束所流逝的时间（毫秒ms）。

console.time("Array initialize");
var array = new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
  array[i] = new Object();
}
console.timeEnd("Array initialize");

14、代码段使用

sources面板下左侧切换到snippets标签，右键选择New新建代码段。

运行代码段的方法：对应的代码段上右键点击，选择run；或者选择右侧的运行箭头图标；或按下ctrl+enter

15、运行选中的js代码片段

在sources面板下选择一个js，中间的编辑框选中部分代码，右键选择“evaluate in console”就等于把这个代码复制到console面板下执行。

16、格式化被压缩的js和css

同样子在sources面板下选择一个js或css，中间编辑框下方有个{}，点击它即可格式化显示文件代码。

devtools插件：

A、jQuery Debugger

1、通过选择器字符串来查找页面上的某个元素，等同于你在代码里写$(‘ul>li’)这样的方式。

在插件面板下的搜素框里输入样式名即可查看对应元素。如.wrap, #nav等。

2、查看页面某个元素的jQuery对象属性。

elements面板下选择某个元素，在右侧的框多出来jquery data和jquery events选项。