Chrome拡張機能の「AMP Validator」を使ってみた

アプリ

2016.06.232017.03.29

以前にAMPページのバリデーションをWeb上で行える「The AMP Validator」をご紹介いたしました。

「The AMP Validator」はAMPページを簡単かつ気軽に検証できるサイトですが、サイトによらず、コーディング中も常にバリデーションがOKなのかを見たい、といった方もいると思います。

Chrome拡張の機能になりますが、「AMP Validator」だとそういった要望を満たしてくれます。

「AMP Validator」をダウンロード

「AMP Validator」は下記のChromeウェブストアからダウンロードできます。

インストールすると、Chromeブラウザの右上にアイコンが表示されます。アイコンの状態は下記のようになります。

非アクティブ

バリデーションエラー

バリデーションSuccess

エラーアイコンを押下すると、エラーを生じている行数とエラー内容が一覧で表示されます。

「AMP Validator」の一覧から、「The AMP Validator」サイトとAMPプロジェクトのリファレンスページで確認をすることができます。

「The AMP Validator」サイトとリファレンスページが別タブで表示され、該当のAMPページの検証ができます。

エラーの有無を常に確認したい時は「AMP Validator」は非常に便利です。シンプルでよくできている機能だと思います。

本格的な検証を行いたい場合、「AMP Validator」から「The AMP Validator」やリファレンスページにも行くことができます。

「AMP Validator」や「The AMP Validator」サイト、AMPプロジェクトのリファレンスページを活用すると、より確実に正しいAMPページの構築ができそうです。

気になった方は「AMP Validator」の導入を検討してみてはいかがでしょうか。