如何在开发工具中查看动态添加的div

Question

我在学习别人的网站，有的div是动态添加的，我的鼠标放上去的时候它才出来，可是我想在chrome的开发工具中查看的时候鼠标就移开了，那个div自然也就消失了，有什么方法能抓住它吗？

Answer 1

这种不像CSS控制的。如果是CSS控制的，鼠标移开也应该能看到结构；这种要么你去扒它源码，要么直接断点单步跟踪。

Answer 2

这个应该他设置了hover切换可见性，你f12找到它div所在代码，把display:none或者visibility：hidden勾选取消就行

Answer 3

以本论坛为例，鼠标放在头像上，会显示菜单栏，其实js 移除了对应的 hidden 类，然后就显示出来了。手动改下就行。

Answer 4

chrome浏览器下ctrl+shift+c快捷键会保持hover的状态，或者找到要看的div左侧的三个点儿或者右键菜单force state，强制让元素处于某种状态