将Accelerated Mobile Pages(AMP)集成到现有的主干应用程序中



我有一个Backbone应用程序,它从index.html初始化。我尝试添加名为index.amp.html的新amp.html,并按照"创建您的AMPHTML页面"中的说明进行操作。

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

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

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

此时,AMP文档中唯一可以触发的JavaScripts是以下两个脚本:

<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>

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

<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

如果无法访问您的代码,请不要说修改车把模板以适应上面的模型有多容易或有多困难。

最新更新