【问题标题】:Integrating Accelerated Mobile Pages(AMP) into existing backbone application将 Accelerated Mobile Pages (AMP) 集成到现有的主干应用程序中
【发布时间】:2016-08-04 04:59:30
【问题描述】:

我有一个从 index.html 初始化的 Backbone 应用程序。我尝试添加名为 index.amp.html 的新 amp html,并按照Create Your AMP HTML Page 中的说明进行操作。

我的 index.html 只有一个钩子来要求 js 开始加载主干应用程序。所有的html都是动态生成的。

有没有办法可以在动态生成的 HTML 中包含 AMP 实践?因为我只有一个 index.html,整个内容都是通过客户端动态生成的。

我没有找到任何好的文章来制作支持 AMP 的 SPA。是否有任何最佳实践可以遵循?请帮帮我。

【问题讨论】:

    标签: backbone.js single-page-application amp-html


    【解决方案1】:

    目前,可以在 AMP 文档中触发的 JavaScript 仅有以下两个脚本:

    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
    

    您可以使用 mustache 模板作为自定义元素脚本的一部分,如下所示:

    <script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
    

    此处描述了模板: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-templates.md

    如果无法访问您的代码,则无法说出修改车把模板以适应上述模型的难易程度。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-08-27
      • 1970-01-01
      相关资源
      最近更新 更多