js_reverse/zy-浏览器F12解读/调试界面 elements.md

copy

复制元素内容，生成xpath，css选择器，js-path内容

force state

有时候我们为页面元素添加一些动态的样式，比如当鼠标悬停在元素上时的样式，这种动态样式很难调试。我们可以使用Force State强制元素状态

:active ——元素被激活时的样式，也就是元素按下的格式

:hover——鼠标悬停或划过的样式

:focus——获得焦点的样式（比如输入框通过tab获得光标，或触发该样式）

:visited——访问过链接之后的样式

:focus-within——元素本身，或子类元素获得焦点时的样式

break功能：

断点调试：就是当js尝试改变元素的时候，给元素添加断点就会被触发

Event Listeners页面

展示所有的事件

DOM Breakpoints页面

展示该Html页面中所设置的DOM断点。

参考文章：

https://blog.csdn.net/make_1998/article/details/104060336