我们又发布了一篇博文,重点介绍过去几个月 AMP 中最值得注意的变更。
amp-date-picker 实验性测试版
我们的新日期选择器现可用于实验。要开始使用,请确保启用 Dev Channel,并在 devtools 控制台中运行以下命令
AMP.toggleExperiment(‘amp-date-picker’)
有关选择加入实验性功能的完整详细信息,请参阅 此处。虽然我们尚未提供此组件的文档,但可以在 Github 问题中找到基本详细信息,并且可以查看我们的示例实现(通用示例、旅行示例)。
由于此组件仍处于实验阶段,因此您还无法使用它发布。请尝试使用它,然后在 Github 问题中向我们提供任何反馈。
replace-important npm 软件包
使用 AMP 的开发者已经熟悉其中一些CSS 限制。在听到反馈后,其中一些特别限制了实际应用,我们开始考虑如何让 AMP 页面样式更易于使用。我们推出的第一个资源是一个 npm 包,它用等效的验证规则替换“!important”样式(AMP 中不允许使用)。
AMP by Example 更新
我们最近举办了一个短跑冲刺,在 AMP by Example 中获得了一些新样本,请在此处查看一些结果
- 电子商务结账流程
- 滚动绑定效果基础知识:使用 AMP 构建的指尖陀螺!
- 加载更多:一个通过用户交互拉取更多内容的按钮。
- 滚动到顶部按钮
- 收藏按钮:一个综合的、动态的“收藏”按钮。
- 用户交互后的动态内容和混合动态和缓存数据:将高度动态数据纳入 AMP 页面的两种模式。
- 链接的下拉菜单:一个备受期待的示例,演示如何链接多个下拉菜单。
- 分页列表:一种帮助用户浏览长动态内容列表的模式。
- amp-timeago:这个小巧但有用的扩展的期待已久的示例。
作为构建结账流程示例的一部分,我们还测试了与不同支付提供商的集成。我们成功构建了与 Authorize.net、Vantiv、WorldPay 和 Card Connect 集成的表单提交。但不要只相信我们的说法,不妨试一试,如果在实施中遇到问题,请告诉我们。
在我们最近的 AMP By Example 冲刺期间构建的指尖陀螺示例
其他精彩内容
- 我们已针对 媒体会话 API启动了针对 amp-audio 和 amp-video 的实现。
- AMP 展示在 AMPproject.org 上突出显示了使用 AMP 主要功能的网站。
- 可以将 AMP 的布局系统应用于任意容器。
- 现在会自动加载出现在更新中的 AMP 扩展的脚本。
- 一个新的错误触发器用于与 amp-analytics 结合使用,可以捕获和报告可归因于页面作者或用于发布页面的软件的问题。
- 我们已经推出了使用内置视频播放器在 AMP 页面上投放视频广告的功能,这些视频广告来自 Doubleclick 和其他支持 IMA SDK 的供应商。
- 发布商现在可以安排他们的广告在设定的时间间隔后刷新。
未来的路线图
- 对 <amp-image-lightbox>的改进
- 全面推出上面提到的日期选择器。
- 更多新的 模板和针对AMP Start的简单配置。
- 受 GDPR 要求启发的各种增强功能
- amp-iframe 与父文档中的其他元素之间的消息传递。
- 视频功能,包括将视频最小化到视口一角。
在完整路线图中查看更多内容。
* * *
感谢 AMP 开发社区对您的工作和反馈。一如既往,如果您在GitHub上遇到任何问题或有功能请求,请告诉我们。
Rudy Galfi,AMP 项目产品经理发布