如何更专业的使用Chrome开发者工具(1)
2016-02-20 19:33:40   来源： Ibrahim Nergiz 酷勤网    评论：0 点击：

11.使用$0获取当前元素

◆选择“Elements”面板

◆在"Element"面板中选择DOM元素

◆点击"Console"并输入$0可以获取当前元素

12.在元素中显示

选择一个DOM节点：

◆在“Console”面板中右击

◆选择"Reveal in Elements Panel"

13.查看事件监听器

◆选择“Elements”面板”

◆在“Event Listeners”菜单中选择一个事件

◆右击并选择“Show Function Definition”，你可以查看到对应的源码

14.预览Easing

◆点击easing图标（紫色的图标），可以预览easing

◆你可以通过浏览选择其他的easing或者自定义easing

15.媒体查询

◆点击左上角的手机图标，选择设备模式

◆点击断点("blue","green","orange")工具栏选择断点 

如果你可击一个工具栏，你可以在源码中找到它对应的位置。