前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >3种检测页面是否符合amp标准的方法

3种检测页面是否符合amp标准的方法

作者头像
ytkah
发布2019-05-25 18:36:57
1.4K0
发布2019-05-25 18:36:57
举报
文章被收录于专栏:ytkahytkah

  AMP的关键优势不仅仅在于它能让你的页面更快,还在于它的快可以被验证。有几种方法可以验证AMP文档,它们都会产生完全相同的结果,选择最适合您的开发风格的方法。除了AMP的有效性,您可能还想确认您的AMP文档是否可被第三方平台发现。

  1.浏览器调试Browser Developer Console   AMP验证器与AMP JS库捆绑在一起,所以它可以在每个AMP页面上使用。验证方法如下:   ①打开amp页面   ②在url后面加#development=1,例如http://localhost:8000/released.amp.html#development=1   ③按F12打开浏览器调试模式,在console栏检查错误

amp错误提示
amp错误提示

  2.用validator.ampproject.org上的AMP验证器web接口。   把页面源代码复制到这个amp验证器的编辑窗口,此接口会显示错误,并内联显示在页面的HTML源代码旁边。该接口是一个交互式编辑器:对html源文件更改并交互式的重新验证。

amp验证
amp验证

  3.用浏览器插件   AMP验证器可以通过浏览器扩展直接从浏览器工具栏中访问。当您浏览时,它将自动验证每个AMP页面访问,并给出一个彩色图标的页面有效性的视觉指示。

amp验证浏览器插件
amp验证浏览器插件
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-04-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档