Question

当我使用Firefox开发人员工具编辑网页正文时，页面按钮会消失或停止运行，如下例所示。这不会发生在Chrome中，并且所有按钮都可以正常工作。以下是导致问题的步骤：

我转到我需要使用的网页，然后我需要在页面中编辑一些内容，以便按 Ctrl + Shift + C 打开开发工具，右键单击<body>然后编辑为HTML 并更改我需要更改和应用它的内容，它适用于Chrome但在Firefox中运行良好按钮停止工作或消失。

这是link to the example page。（这只是一个例子，不是我正在使用的真实页面，因为真正的页面是阿拉伯语，需要更多步骤。）

Answer 1

这是因为Firefox DevTools显然与复制外部HTML然后执行此操作相同

document.body.outerHTML = `*copied HTML*`;

在DevTools内部＆＃39;控制台。

这就是为什么在完成HTML编辑后，所有事件处理程序以及iframe内容都消失的原因，例如在这种情况下，您无法编辑左侧的代码，并且右侧不再显示输出。

Chrome DevTools似乎在这里做了一些更聪明的事情并且识别了已更改的内容，并且仅在保存HTML时更新这些部分。因此，示例页面上的输出仍然可见，之后仍然可以编辑代码。

我filed an enhancement request for that，所以这种情况下的行为可以得到改善。