ブラウザでChrome拡張機能のソースコードを確認する方法を紹介します。
手順
私が作成した、Chrome拡張機能Google Scholar ダークモードを実験台にして説明します。
まず、Chrome拡張機能のページを開きます。拡張機能のURLを取得します。
crxviewerというツールを使用して、拡張機能のソースコードを確認します。
先ほど取得したURLを入力し、Open in this viewerボタンをクリックします。
すると解析が始まり、拡張機能のソースコードが表示されます。
ちなみにダウンロードも可能です。
まとめ
WebpackやBabelなどのビルドツールを使用していない場合、Chrome拡張機能のソースコードを確認することができます。ただし、ビルドツールを使用している場合は、ソースコードが難読化されていることがあります。