更好的使用chrome

• Ctrl+tab           在标签页之间切换
• Ctrl+1              到 Ctrl+8 切换到指定位置编号的标签页。您按下的数字代表标签页横条上的相应标签位置
• Ctrl+9              切换到最后一个标签页
• Ctrl+Tab           切换到下一个标签页
• Ctrl+Shift+Tab  切换到上一个标签页
• Ctrl+W             关闭当前标签页或弹出式窗口
• Ctrl+Shift+T     重新打开上次关闭的标签页。谷歌浏览器可记住最近关闭的 10 个标签页。
• F3                   查找与您在”在网页上查找”框中输入的内容相匹配的下一个匹配项
• 把某个本地文件夹拖到浏览器中，就可以在浏览器中查看文件了，或者直接输入：file:///C:/Users/Downloads/

chrome developer tools使用技巧：

• 在source标签中ctrl + P（cmd+p on mac）类似于eclipse中的ctrl+shift+r，用于查找文件，而不用在左边文件夹视图里找。
• 在source标签中打开某个文件，ctrl + G（ Cmd + L for Mac）,输入行号就可以快速跳到指定的那行。
• 模拟手机等其他设备：紧挨着用于选择dom的放大镜右边的手机图标，点击后可以选择网络状态，各种手机，pad等移动设备，尺寸大小，还可以模拟移动设备的传感器，例如触摸屏幕和加速计。
• 当在样式编辑中选择了一个颜色属性时，你可以点击颜色预览，就会弹出一个颜色选择器。当选择器开启时，如果你停留在页面，鼠标指针会变成一个放大镜，让你去选择像素精度的颜色。
• 当在样式编辑中，按住shift后点击某个color的值，就可以在rgba、hsl和hexadecimal来回切换颜色的格式。
• 当在sources标签中编辑文件时，按下Ctrl + D (Cmd + D) ，当前选中的单词的下一个匹配也会被选中，有利于你同时对它们进行编辑。
• 如果你在element标签中依次选择了dom0,dom1,dom2,dom3,dom4，则在console中输入 $0 , $1 , $2 , $3 , $4 分别得到dom4,dom3,dom2,dom1,dom0
• 勾选在Console标签下的保存记录选项，你可以使DevTools的console继续保存记录而不会在每个页面加载之后清除记录。当你想要研究在页面还没加载完之前出现的bug时，这会是一个很方便的方法。
• ctrl + F只是在某个文件里查找，而Ctrl + Shift + F (Cmd + Opt + F)则可以在网页的所有源文件中查找。

• 通过workspaces来编辑本地 文件

      Workspaces是Chrome DevTools的一个强大功能，这使DevTools变成了一个真正的IDE。Workspaces会将Sources选项卡中的文件和本地项目中的文件进行匹配，所以你可以直接编辑和保存，而不必复制/粘贴外部改变的文件到编辑器。

  为了配置Workspaces，只需打开Sources选项，然后右击左边面板的任何一个地方，选择Add Folder To Worskpace，或者只是把你的整个工程文件夹拖放入Developer Tool。现在，无论在哪一个文件夹，被选中的文件夹，包括其子目录和所有文件都可以被编辑。为了让Workspaces更高效，你可以将页面中用到的文件映射到相应的文件夹，允许在线编辑和简单的保存。

  了解更多关于Workspaces的使用，戳这里：Workspaces

• network标签里，timeline蓝色竖线所处的时间为domComplete时间，红色竖线为dom的onload时间，由此可见两种事件的差异。而浏览器构建dom树所花费的时间可以算出即domComplete时间 减去 html下载完成后的时间。