chrome开发者工具-elements学习

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

Paste_Image.png

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

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