当我使用JS来改变我的HTML中的类，或者当我删除或引入元素时，我发现很难调试。 有时元素或类只用了一小部分，有时你我用了很多。例如，当我使用 React过渡小组.
有没有什么工具可以通过我的HTML中的不同阶段或变化，让我可以看到一个元素在某个时间点的样子？在Firefox中，这可以通过CSS动画来完成，但我找不到一个工具来处理HTML的变化。
你可以尝试 https:/developer.mozilla.orgen-USdocsMozillaProjectsWebReplay。
重放允许Firefox内容进程记录它们的行为，稍后重放，并倒带到早期状态。 重放过程会保留所有相同的JS行为、DOM结构、图形更新以及记录时发生的大多数其他行为。 DevTools的Debugger和Console可以用来检查和控制重放。