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

当我做

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

    });


将amp doc(从url获取)放置在容器中,但不渲染amp标签。

例如:amp-img标记位于源中,但在呈现该文档时不像“ Googe Search”那样呈现为img标记。

问题:使用https://cdn.ampproject.org/shadow-v0.js加载amp文档时,是否可以呈现amp-components

最佳答案

AMP组件(例如amp-img)应在应用程序外壳中呈现。没有代码片段,很难说出您的情况出了什么问题。您可以执行以下两项操作来发现问题:


检查JavaScript控制台以获取错误消息。
签出并运行the code lab sample,看看它是否有效:如果是,请将其与您自己的实现进行比较。

关于amp-html - 在Shell页面中渲染amp文档,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44974283/

10-13 09:21