在浏览器中，是否可以冻结DOM以进行拖动调试？

Question

5

我正在尝试调试一个Angular CDK拖放问题。该问题仅在拖动时发生，因此如果我可以在拖动时冻结DOM，那就太好了。然后我想检查DOM以找出问题。

在浏览器中（例如Firefox、Chrome），这是否可行？

- BuZZ-dEE

1

是的，在“Sources -> Event Listener Breakpoints”中启用相关事件：https://puu.sh/GyK3o/e52eb6c228.png - wOxxOm

@wOxxOm 它是如何工作的？如果我选择 drag 和 dragstart，当我拖动元素时什么也不会发生。 - BuZZ-dEE

好的，现在我在Firefox中尝试它（之前是Chrome），在那里dragstart有效，但所有其他拖动事件都无效。似乎不可靠。 - BuZZ-dEE

我搞定了。鼠标滚轮事件在Firefox中也能工作。我移动元素，然后滚动来触发断点。^^ - BuZZ-dEE

@wOxxOm，能否回答一下这个问题？你的评论帮助我解决了我的问题，所以我会把它作为答案接受。 - BuZZ-dEE

我认为如果您自己发布一个带有您的发现的答案，对其他人会更有用。 - wOxxOm

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- BuZZ-dEE · Accepted Answer

感谢@wOxxOm在评论中提供的提示。是的，可以为例如 drag 和 dragstart 事件设置断点。

问题是这些断点没有起作用。对我来说，在Firefox中只有 dragstart 起作用，但它对我的DOM调试过早了。但是我使用Firefox中的 keyup 事件使其起作用。我拖动元素，然后按下键，然后断点被触发。