chromeの拡張機能を作ってみたいので、harとかいうデータのまとまりを保存するやつを作ってみます。

chrome拡張機能とか作ったことがないので0から勉強します。

やり方を調べる

まずはAPI Referenceに拡張機能で使える関数とかがまとまっているようなので見てみました。

しかしhar関係を扱う関数が見つからなく、networkがそれっぽいと思い、chrome.devtools.networkの説明のサイトをみてみました。

英語で何が書いてあるかわからないのでGoogle翻訳してみてもあんまよくわからなかったです。

chrome.devtools.network.getHAR()がそれっぽい関数だとわかりましたが、理解力が足りなく使い方がわかりません。

やはりサンプルを見るのが一番だと考えました。

そこでGoogleChrome / chrome-extensions-samplesを見てみます。

しかしどこにgetHAR()のサンプルがあるかわからないのでgithubの右上の検索欄から検索してみました。

するとmv2-archive/api/devtools/network/chrome-firephp/devtools.jsにあることがわかりました。

これはChrome Extensions samples (Manifest v2)のFirePHP for Chromeというサンプルだとわかりました。

実際に作ってみる

やる気が出たらやる！！

devtoolsでエクスポートボタンをクリックすればできることをわざわざ拡張機能で再現する必要ないじゃん......

参考