使用moovweb sdk处理iframe

Question

我用moovweb sdk创建了一个项目，在其中一个页面上编辑iframe中的内容时遇到了麻烦。例如，在iframe中移动一个div似乎不适用于我正在编写的3H。我能做些什么来做这件事呢？域是不同的仅供参考。

Answer 1

不幸的是，Tritium只允许您编辑iframe本身的属性，而不是其中的内容。

这是因为对iframe中内容的请求是在浏览器构造主页的DOM之后发出的。Tritium只能拦截对主页的第一个请求，而不能拦截对来自不同域的内容的第二个请求。

我知道两种变通方法：

1. 将第二个网站添加为Moovweb项目，您将能够使用3H来操纵内容。然后，您可以将原始页面的iframe指向此新内容。
2. 使用JavaScript/AJAX修改iframe的内容。

然而，这对生产领域是有影响的。我担心我可能仓促地回答了这个问题，并将在我做了更多的研究后更新它。

Answer 2

如果iframe在同一个源(http://m.yoursite.com)上，或者在您的config.json中的一个源上，那么您绝对可以使用3H！然而，也许不是以您期望的方式！

因此，iFrame将向src属性的位置发出单独的请求。如果您确保此请求通过SDK (通过重写它)，如下所示：

$(".//iframe[@src]") {
  attribute("src") {
    rewrite("link")
  }
}

然后，您可以映射该url并在其上执行常规的tritium操作！

Answer 3

你需要分析iframe的src，并且需要在mappings.ts中为src中的url编写映射。在pages文件夹中包含适当.ts文件并开始转换它。