编者按：以下客座文章由 Jung von Matt 的开发人员 Robin Van Opstal 和 Matthias Rohmer 撰写。
使用 AMP Playground，您可以快速草拟各种 AMP 产品的想法，无论是网站、故事、广告还是电子邮件 - 好消息是：在过去几周中，我们简化了整体 UX 并添加了许多新功能，使其在您使用 AMP 的过程中更加有用。
自动导入 AMP 组件
AMP 要求您将使用的组件的 <script> 元素添加到文档的 <head> 中。跟踪这些元素可能很麻烦，尤其是当您测试脚本元素或 AMP 组件哪个更适合您的用例时。对于实际项目，AMP Optimizer 通过添加缺少的资源提示并删除不需要的资源提示来帮助您。现在，Playground 也提供了相同的功能。<script> 标签会随着您键入而自动添加。
导入文档
通常，开发人员不想在页面上尝试全新的内容，而是测试如何将功能添加到现有的 AMP 网站。虽然您可以通过从模板对话框中选择一个来使用 amp.dev 上的任何示例作为起点，但现在您可以直接将任意 AMP 文档导入 AMP Playground。只需点击导入并粘贴要处理的文档的 URL。
现在您甚至可以导入 AMP 电子邮件：只需将您的邮件以 EML 格式保存到本地磁盘。然后将其拖放到 AMP Playground 中，开始操作吧！
检查 AMP 状态
使用 amp-bind，AMP 提供了一个强大的工具，可以为您的网站添加交互性。您甚至可以使用它来构建 游戏！但是，由于可能性太多，很容易陷入困境… 使用更新后的 Playground，查看文档中发生的事情从未如此简单：使用 amp-bind 导入或创建文档，然后打开 AMP 状态弹出窗口。现在，使用预览进行操作，并实时观察每个状态更新！
amp-script 的自动哈希
几个月前，我们添加了另一个组件，它真正将 AMP 提升到了一个新的水平，允许使用自定义 JavaScript，同时仍然保持 AMP 的有效性：amp-script。但是有一个注意事项：如果您将内联 JavaScript 添加到页面，则只有当您的脚本内容与文档的 <head> 中定义的哈希匹配时，它才有效。
手动更新您添加到脚本中的每一部分的哈希实际上不可行，尤其是在您构建某些内容并进行测试时。但是我们来帮助您：AMP Playground 现在会自动为文档中的每个内联 amp-script 创建 CSP 哈希，这样您就可以专注于构建新内容，而不是刷新哈希。
启用实验
新的 AMP 功能在推出到数百万个 AMP 域之前会经过精心开发和测试。为了确保新功能不会破坏生产站点，但仍然可以在不构建 AMP 的情况下进行测试，Playground 会将未完成的功能隐藏在实验标志后面。您可以在 启用实验性功能 中了解有关实验的更多信息。
要在 Playground 中启用实验，无需在浏览器控制台中进行操作并手动调用 AMP.toggleExperiment()。您只需打开实验弹出窗口，然后从列表中选择任何实验即可。之后，禁用它也很容易。
可共享性
最重要的是，我们终于构建了一个功能，该功能得到了很多人的要求：现在可以通过 URL 共享您在 Playground 中创建的代码片段。与其他功能一样，点击共享按钮，就会打开一个带有共享 URL 的弹出窗口。
总结
我们希望这些新功能能使 Playground 对您更加有用。与往常一样：如果您仍然缺少某个功能，或者某些功能无法按预期工作，我们期待您在 GitHub 上提供反馈。