使用$0
获取当前元素
![技术分享](http://image.bubuko.com/info/201509/20180110164932681728.gif)
- 选择“Elements”面板
- 在"Element"面板中选择DOM元素
- 点击"Console"并输入
$0
可以获取当前元素
在元素中显示
![技术分享](http://image.bubuko.com/info/201509/20180110164932684657.gif)
选择一个DOM节点:
- 在“Console”面板中右击
- 选择"Reveal in Elements Panel"
查看事件监听器
![技术分享](http://image.bubuko.com/info/201509/20180110164932685634.gif)
- 选择“Elements”面板”
- 在“Event Listeners”菜单中选择一个事件
- 右击并选择“Show Function Definition”,你可以查看到对应的源码
Network Filmstrip
![技术分享](http://image.bubuko.com/info/201509/20180110164932687587.gif)
"Film Strip"显示页面从开始到结束渲染的截图。你可以点击截图和在timeline-style中查看视图。
- 选择“Network”面板
- 点击“录制”图标
- 重新加载页面
Chrome的一些技巧
原文:http://www.cnblogs.com/abapscript/p/4843455.html