chrome extensionのバージョンのバッジを表示する

chrome extensionのバージョンのバッジ(こんなの)

を、例えばGitHubのリポジトリのreadmeに表示する。

TL;DR

<a href="https://chrome.google.com/webstore/detail/do-not-merge-wip-for-gith/nimelepbpejjlbmoobocpfnjhihnpked"><img src="https://img.shields.io/chrome-web-store/v/nimelepbpejjlbmoobocpfnjhihnpked.svg?maxAge=2592000" /></a>

こう指定する。aタグのhrefはまあどこでもいいけど、detailのページに向けてやると親切げ。

必須要素

chrome extensionのdetailぺーじから、謎のIDっぽい文字列を得る。
https://chrome.google.com/webstore/detail/do-not-merge-wip-for-gith/nimelepbpejjlbmoobocpfnjhihnpkedのnimelepbpejjlbmoobocpfnjhihnpkedコレ。

https://img.shields.io/chrome-web-store/v/nimelepbpejjlbmoobocpfnjhihnpked.svg?maxAge=2592000 vだと バージョン、dだと ダウンロード数、priceだと 金額、ratingだと レーティング、rating-countだと レーティングの数、が表示できる。

詳細は、Shields.io: Quality metadata badges for open source projects 参照のこと。

chrome webstore

これ実はchrome extensionだけではなく、chrome webstore対応なので、chrome app, chrome extension and chrome theme も表示できる。便利ですね。簡単ですね。

簡単ですね

• How to get chrome extension’s meta information (e.g. version, name) from Chrome Web Store? – Stack Overflow
• Public API for searching items, getting version and user downloads on chrome web store
• Support chrome web store #505
• add chrome extension version badge #636
• Add chrome extension support #687

ほぼ一年かかりました。