javascript - amp-story 已经注册。 amp-story 的脚本标记可能在页面中包含两次

Question

我有一个项目，我试图用一个简单的编辑器构建一个 amp-story 生成器。您可以在 https://ampy.co/test/ 查看当前状态.

想法是，当您在左侧面板上插入信息时，要在 iframe 元素内重建 amp-story。

这仅适用于 firefox，但在所有其他浏览器中均无效。有没有办法实现我在这里尝试的目标？

重现步骤:

• 打开https://ampy.co/test/
• 打开控制台(开发工具)
• 点击添加图层，或在左侧面板添加页面
• 检查控制台日志是否存在所有错误，例如“amp-story 已注册。amp-story 的脚本标记可能在页面中包含两次。”

Answer 1

是的，文档被评估两次，因此消息被评估。解决此问题的一种可能性是完全替换 iframe。例如，创建一个包装器 DIV:

<div id=iframe_wrapper></div>

并在更新时填写您的 iframe:

document.getElementById("iframe_wrapper").innerHTML = "<iframe ..."
// find the iframe and insert content