для chartjs по сравнению с усилителем


В моем блоге WordPress в режиме по умолчанию у меня есть <canvas>, где я рисую диаграмму с помощью ChartJS. Я только что скачал плагин AMP, запустил инструмент тестирования Google AMP, и он говорит:

Устраните следующую проблему
Запрещенное или недопустимое использование HTML-тега
Тег "холст" запрещен.

Как вы собираетесь это исправить? Есть ли какой-нибудь способ сделать JavaScript с помощью AMP?

Author: grg, 2017-06-23

1 answers

Вы не можете запускать свой собственный JavaScript при использовании AMP, что противоречит цели AMP. Вместо этого вы можете создать свой внешний контент с помощью элемента amp-iframe.

  1. Добавьте JS усилителя-iframe в заголовок.

    <script async custom-element="amp-iframe"
      src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
    
  2. Добавьте элемент amp-iframe туда, куда вы хотите поместить свой iframe.

    <amp-iframe width="200" height="100"
      sandbox="allow-scripts allow-same-origin" layout="responsive"
      src="https://example.com/"></amp-iframe>
    

Доступно полное руководство по использованию amp-iframe по адресу:

 2
Author: grg, 2017-06-23 17:39:22