AMP

一个 Chrome 扩展程序,帮助验证您的 AMP 页面

未分类

AMP 的验证框架是确保你的页面真正达到 AMP 所能实现的速度这一目标的关键因素。因此,在开发和部署 AMP 页面时,密切关注验证状态对任何 AMP 开发人员来说都是必须的。AMP 库提供了一个内置验证器,但随着你扩大 AMP 覆盖范围,你可能已经厌倦了输入“#development=1”。不用再担心了!今天,我们很高兴地宣布推出一个 Chrome 扩展程序,以帮助你通过 AMP 拥抱更好、更快的移动网络。

extension-listing

AMP 验证器 Chrome 扩展程序

借助新的 AMP 验证器 Chrome 扩展程序,你可以快速发现并调试无效的 AMP HTML 页面。在你浏览时,它会自动验证访问的每个 AMP 页面,并指示该页面的有效性。

[编辑更新:我们已经为 Opera 发布了一个类似的扩展程序。请在此处查看。]

当 AMP 页面中存在错误时,扩展程序的图标会显示为红色,并显示遇到的错误数,如下所示

icon-invalid

当 AMP 页面中没有错误时,图标会显示为绿色,并显示警告数(如果存在的话)

icon-valid

当页面不是 AMP 但页面指示有 AMP 版本可用时,图标会显示为蓝色,并带有链接图标,点击扩展程序会将浏览器重定向到 AMP 版本。

icon-link

通过点击扩展程序图标,轻松查看页面有哪些错误或警告。每个问题都会列出源代码行、源代码列以及指示错误内容的消息。如果存在有关该问题的更详细说明,“了解更多”链接会将你带到 ampproject.org 上的相关页面。对于熟悉“#development=1”的人来说,你说的没错,这正是你将在控制台中看到的信息,但它更容易访问,而且也很漂亮。

screenshot

发布者:Google 软件工程师 David Sedano