chrome开发小技巧（持续完善中，，，）

一、在源代码中搜索
在整个工程中，查找源代码
操作如下：
1、F12打开你的Chrome调试器
2、按下Ctrl+Shift+F（Mac上Cmd+Opt+F）;
3、在输入框中输入你想查询的源代码，回车，就OK啦。

二、跳到制定行
当你在Chrome调试器的sources栏，已经打开了文件，Chrome也允许你跳到指定的行数，在Windows和Linux系统下，只需按下Ctrl+G（Mac上Cmd+L），然后输入你指定的行数即可

三、在控制台(Console)中获取DOM元素
Chrome控制台，提供了方法和变量来快速获取页面中的DOM元素，如下：
1、$()—就是document.querySelector()原生方法的映射。功能嘛，就是获取并返回第一个与填写的CSS属性匹配的DOM元素，如$(‘div’)就会返回第一个出现在页面中的div元素。
2、$$()—就是document.querySelectorAll()原生方法的映射。功能嘛，就是获取并返回一个数组，数组中包含了所有与你填写的CSS属性匹配的DOM元素。
3、$0–$4—代表你在Chrome调试器中操作不同DOM元素的历史记录，且最多记录5次，故而只有$0-$4这五个变量。$0代表最近一次，依次类推。

四、 格式化代码
操作如下：
1、F12打开Chrome开发工具；
2、选择你想要阅读的文件；
3、点击文件下方的”{ }”状按钮即可