在shell页面中渲染放大器文档

Question

我正在尝试渲染类似于https://codelabs.developers.google.com/codelabs/amp-in-pwa/#6

的放大器文档

当我这样做时

fetchDocument(url).then(function(doc) {
        // Let AMP take over and render the page
        var ampedDoc = AMP.attachShadowDoc(container, doc, url);
        ampedDoc.close();

    });

放大器doc（从url获取）放在容器中，但不会渲染放大器标签。

例如：amp-img标记位于源代码中，但它不会以“Googe搜索”呈现文档时的方式呈现为img标记。

问题：使用https://cdn.ampproject.org/shadow-v0.js

加载放大器文档时，有没有办法渲染放大器组件？

Answer 1

AMP-img等AMP组件应该在app shell中呈现。如果没有代码片段，很难说出你的情况会出现什么问题。您可以通过以下两种方法找到问题：

1. 检查javascript控制台是否有错误消息。
2. 结帐并运行the code lab sample，看看它是否有效：如果是，请将其与您自己的实施进行比较。