chrome开发者工具-elements学习

2017-01-01 10:46

右击-属性，进入到开发者工具

Paste_Image.png

默认打开的就是elements标签页面.主要看右侧的选项

  • styles就是本页面的样式
  • computed就是本页面的box信息
  • event Listener 会展示所有的事件，勾选Ancestor会包括由时间冒泡产生的事件，勾选Framework Listener会包括安装在chrome上的插件的事件。