モチベーション

「このページってAMPページなのかな」って調べることが多く、面倒だった。

手作業の場合

このなかった場合が、けっこう意気消沈するので、その辺りもなんとかなれば。

AMPページあり	AMPページなし

Amp Project News	Google Developers Blog

クリック前	クリック後

クリック前：https://amphtml.wordpress.com/2016/12/05/amp-cache-updates/
クリック後：https://amphtml.wordpress.com/2016/12/05/amp-cache-updates/amp/

Wordpressのampプラグインは末尾に「amp/」がつくので、上記のような形になります。

はじめて拡張機能を作ってみましたが、公開の仕方がイマイチ分からなかったので、また時間があるときに調べてみます。
あと、ちょっと機能的に微妙な箇所と無駄なコードがいろいろあるきがするので、当面は自分のchromeのみで仕事で使おうと思います。

機能と参考URLだけ紹介。

・background.jsとmyscript.jsのデータの受け渡し
Chrome機能拡張のイベントページについて

・chrome.tabs.onUpdated.addListener

・chrome.browserAction.onClicked.addListener

・chrome.browserAction.setBadgeText

いろいろ整理したら、またちゃんと紹介します！

だいぶハマって寝るのが遅くなりましたが、とても勉強になったのと、AMPの拡張機能を作れてとても嬉しいです。
また、改良して公開できるようにしたいです。

（追記：2016年12月30日金曜日）

AMPページがしっかりと機能しているかどうかを判断するために、前々からAMP validatorの拡張機能は入れていたのですが、このプラグインにそもそも、自分が欲している機能があることに今気づきました。

なので、今回、上で取り上げたプラグインを使いたい方は、公式のAMP validatorプラグインを利用することをオススメします。

ちなみに公式の拡張機能のbackground.jsがどのように動いているかは、chromeの拡張機能の管理から確認することができるので、詳しい仕様を知りたい方はこちらを確認するのがお勧めです。

こんな感じで確認できます。

便利