ブラウザ拡張機能のソースコードを確認する

投稿日 2021/06/19

他人の作成した拡張機能のソースコードを確認する必要がある場合の方法を記載します。

インストール済みの拡張機能を確認する

Chrome

Windows10
%LOCALAPPDATA%\Google\Chrome\User Data\{プロファイル名}\Extensions\{拡張機能ID}
C:\Users\{ユーザ名}\AppData\Local\Google\Chrome\User Data\{プロファイル名}\Extensions\{拡張機能ID}

Mac
/Users/{ユーザ名}/Library/Application Support/Google/Chrome/{プロファイル名}/Extensions/{拡張機能ID}

※{プロファイル名}が不明の場合、親フォルダで拡張機能のIDを検索すれば見つかるかもしれません
 例:https://chrome.google.com/webstore/detail/copytabtitleurl/lmgbdjfoaihhgdphombpgjpaohjfeapp
   {拡張機能ID}=lmgbdjfoaihhgdphombpgjpaohjfeapp

Firefox

Windows10
%APPDATA%\Mozilla\Firefox\Profiles\{プロファイル名}\extensions
C:\Users\{ユーザ名}\AppData\Roaming\Mozilla\Firefox\Profiles\{プロファイル名}\extensions

Mac
~/Library/Application Support/Firefox/Profiles/{プロファイル名}/extensions

about:profilesから使用中の(プロファイル)ルートディレクトリーを直接開くこともできます

拡張機能を利用して確認する

拡張機能のストアからページアクションで使用できます。拡張機能のソースコードをインストールすることなく確認できます。

参考

コメント