重新混合TechCrunch的问题

Question

在浏览如何重新混合网站的示例教程时（我选择了TechCrunch），我注意到了图像转换：

$$("img") {
  attribute("src", "http://www.montessoricats.com/buddha-scottish-fold-its-magic.jpg")
}

似乎只应用了一些图像。参见：

Upper Page - Incomplete Transformation

其他文章的部分内容被转换为猫图像。主要内容不是。

Lower Page - Incomplete Transformation

我最初的预感是转换似乎只是在TechCrunch上面的折叠内容上工作，但后面的截图揭穿了这一点。

我将如何解决这个问题，或者有什么我做错了，或者这是TechCrunch如何提供其内容以及Moovweb如何抓取这些内容的短缺，以便在混音器中可能无法使用这是什么东西？

所有见解都赞赏！

Answer 1

因此，如果您尝试禁用JavaScript并重新加载页面，我认为您可能会对正在发生的事情有所了解。

您会注意到有相当数量的图片无法加载！由于这些图像是通过JavaScript添加的，因此当您更改所有<img>元素的src属性时（因为JavaScript由客户端执行），它们实际上并不存在。

如果您想要更改这些元素，也可能取决于它们的服务方式。如果正确的AJAX请求获取这些图像，那么它也将通过Moovweb，您可以使用Content-Type和URL Path捕获它们，然后相应地修改它们。如果它们在那里被硬编码以进行注入，则可能需要添加自己的JavaScript，这些JavaScript在图像加载脚本之后运行以便更改它们。您可以使用Tritium轻松地在主体底部插入脚本。