2017-07-07 3 views
3

Je suis en train de rendre un ampli doc similaire à https://codelabs.developers.google.com/codelabs/amp-in-pwa/#6rendu un document ampli dans une page shell

Quand je

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

    }); 

l'ampli doc (extraite de l'url) est placé dans le conteneur, mais Les amp-tags ne sont pas rendus.

Par exemple: amp-img La balise est dans les sources mais elle ne s'affiche pas en tant que balise img de la même façon que "Googe Search" lorsqu'elle restitue ce doc.

Question: Y at-il un moyen de rendre les composants d'ampli-lors du chargement des documents d'ampli avec https://cdn.ampproject.org/shadow-v0.js

+0

Avez-vous essayé de vérifier votre implémentation avec le [AMP Validator] (https://validator.ampproject.org/) pour le débogage? – noogui

+0

@noogui mon document amp est valide. Lorsque montré dans la recherche google, tout fonctionne très bien – user237329

Répondre

0

composants AMP tels que l'ampli-img devrait rendre dans une coquille d'application. Sans un extrait de code, il est difficile de dire ce qui ne va pas dans votre cas. Voici deux choses que vous pouvez faire pour trouver le problème:

  1. Vérifiez la console javascript pour les messages d'erreur.
  2. Commander et exécuter the code lab sample et voir si cela fonctionne:. Si oui, comparez-le avec votre propre implémentation.