2017-07-07 40 views
3

我試圖呈現類似https://codelabs.developers.google.com/codelabs/amp-in-pwa/#6在shell頁

當我做

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

    }); 

放大器DOC(從網址獲取)功放文檔渲染功放文件被放置在容器中,但amp-標籤不被渲染。

例如:amp-img標記位於源中,但不會以「Googe Search」呈現該文檔時的方式呈現爲img標記。

問題:有沒有辦法裝放文件時https://cdn.ampproject.org/shadow-v0.js

+0

您是否嘗試使用[AMP驗證器](https://validator.ampproject.org/)來檢查您的實現以進行調試? – noogui

+0

@noogui我的amp文件是有效的。當在谷歌搜索顯示,一切都很好 – user237329

回答

0

AMP組件,如AMP-IMG的應用外殼內應該呈現渲染功放組件。沒有代碼片段,很難說你的情況出了什麼問題。這裏有兩件事你可以找到問題:

  1. 檢查JavaScript控制檯的錯誤消息。
  2. 結帳並運行the code lab sample,看看它是否工作:。如果是,請將其與您自己的實施進行比較。