如何为动态网页创建谷歌放大器

这取决于"动态"程度。AMP 可以被视为 HTML 的精简版本。您不得添加任意脚本，但 Google 会保留一组经过批准的 AMP 附加信息，可让您执行添加手风琴、灯箱、广告单元等操作。您也不能包含表单标记或任何 HTML 表单元素（输入、选择、文本区域等）。不过，您可以使用amp-iframe在 AMP 网页中嵌入其他网页。其他网页不必符合 AMP 规范，因此您可以自由地以这种方式添加表单。请记住，标准的 iframe 规则适用：您必须为框架设置固定高度（这对于字段数量逐页更改的多步骤表单可能会有问题），并且您的成功响应将仅限于 iframe（这意味着您无法将整个页面重定向到其他地方）。不过，这对您来说可能是一个可行的解决方案。

一般来说，AMP 网页应该很简单。就是这个想法。谷歌的限制是为了迫使你保持简单。AMP 的最佳用途仍然是纯内容页面，例如博客文章、新闻和其他文章类型的内容。你可以把它推得更远，但你试图推得越远，限制就会变得更加烦人。根据我的经验，有相当多的试验和错误，试图获得一个接近你理想中想要的东西。

AMP 的好处是它完全选择加入和零碎。您不必转换整个网站。如果你愿意，你可以只做一个页面。这可以让您弄湿双脚，为您的网站提供一点额外的果汁，如果您无法使用 AMP 做您想做的事情，您只需使用标准网页即可，而不会受到处罚。

我刚刚为我们所有的 8 个 ABC 新闻网站创建了一个 AMP 引擎。我遇到的最大问题是必须通过 HTTPS 为 AMP 代码服务器所有内容。我们的视频播放器需要广泛的外部JS来支持它与前贴片和广告一起播放。我们还在页面上与多个供应商做了很多广告。在深入研究之前，您肯定希望尽可能多地阅读 AMP。

@chris_pratt 在上文中指出，AMP 网页中不允许使用表单标签和元素。添加了对在 AMP 网页中嵌入表单的支持。

使用 AMP 时需要注意的最大事项：

1. 没有外部JS（如果需要，必须通过amp-iframe拉入）
2. 使用 AMP 特定代码发出的调用需要通过 HTTPS 进行
3. 不能使用内联 CSS 和外部样式表。使用标记添加自定义 CSS（最大 50k）
4. 就我而言，我有混合内容警告（这将阻止 AMP 页面有效）试图将 JS 文件拉入 AMP-IFRAME。
在将 AMP 实施到项目中之前，需要
5. 解决 AMP 网页中的许多限制。在风格方面，您会注意到某些CSS是不允许的，其中一个是"！important"和"*"。这只是其中的几个，所以请阅读其余部分。
6. 还有一些布局规则，您需要在开始之前阅读这些规则。

最重要的是，AMP 加载页面的速度非常快，但为了实际显示 AMP 版本，必须满足许多限制和要求。一旦你了解了限制，你应该能够相应地计划你的攻击。

希望这有帮助。