当我编辑页面的 <body> 时，无法在 Firefox 中单击按钮

I can't click buttons in Firefox when I edit the <body> of a page

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

我转到我需要使用的网页，然后我需要在页面中编辑一些东西，所以我按 Ctrl+Shift+C打开开发工具，右击<body>然后Edit As HTML并更改我需要更改并应用它，它在 Chrome 上工作得很好，但在 Firefox 和其他浏览器中，按钮停止工作或消失。

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

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

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

在 DevTools 的控制台中。

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

Chrome DevTools 似乎在这里做了一些更聪明的事情，并识别出发生了什么变化，并且只在您保存 HTML 时更新那些部分。因此示例页面上的输出之后仍然可见，代码仍然可以编辑。

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