获取临时拖放元素的 HTML 源

【问题标题】：Get HTML Source of temporary drag & drop element获取临时拖放元素的 HTML 源
【发布时间】：2013-05-12 08:49:01
【问题描述】：

我有这个页面，我只能在浏览器中访问。有一个仅在拖放期间存在的 HTML 元素，我想在 Inspector / Firebug 中获取/分析其 HTML 代码。但是一旦我停止拖动，该元素就会被删除。有没有什么方法可以在不涉足构建它的 JS 源的情况下获取生成的 HTML 元素？

编辑：知道了，使用 chrome 中的 ctrl+S 快捷方式保存页面，同时按住 mouseDown 并拖动元素就可以了。

【问题讨论】：

【解决方案1】：

Firebug html 检查实时显示页面的 HTML，因此它确实显示了由交互引起的更改。诀窍可能是将检查面板滚动到出现拖动元素的 HTML 部分。这样您就可以在拖动时看到它。

【讨论】：

Chromes 也是如此，但我只能看到外部 (div-) 容器。我想展开容器并查看里面的孩子，所以我必须单击它并松开拖动。在那一刻，元素消失了。不幸的是，实时 JS 编辑（如 CSS）是不可能的，所以我无法阻止元素的删除。