Chrome拡張機能のソースコードを表示する方法

コンピューターのChromeブラウザーにインストールする拡張機能は、事前定義されたアクティビティを実行するソースコードファイルのグループにすぎません。好奇心旺盛な人の中には、これらの拡張機能を構築する正確なコードを見たいと思う人もいるかもしれません。 Chromeでウェブページのソースコードを表示するのは、ページを右クリックしてオプションを選択するのと同じくらい簡単ですが、Chrome拡張機能のソースコードにアクセスするのはそれほど簡単ではありません。

ただし、それでも拡張機能のソースコードを表示できなくなることはありません。次の2つの方法を使用すると、パソコンでChrome拡張機能のソースコードを表示できるはずです。

次の方法は、Macを使用して示されています。

ファイルエクスプローラーでChrome拡張機能のソースコードを表示する

Chromeにインストールする拡張機能のファイルはコンピューターに保存されますが、フォルダー名は科学的なものであるため、見つけるのは簡単ではありません。ただし、以下の方法を使用すると、拡張子のソースファイルが配置されているフォルダを表示できるはずです。

1.パソコンでChromeを開き、chrome://extensionsと入力します アドレスバーに移動し、Enterキーを押します。ブラウザで拡張機能リストが開きます。

2.拡張機能ページが開いたら、右上隅にある「開発者モード」というラベルの付いたボックスを選択します。ページに拡張機能の詳細が表示されるはずです。

3.これで、画面に表示されている拡張機能のIDが表示されるはずです。ここで行う必要があるのは、ソースコードファイルを表示したい拡張子のIDをメモすることです。

次の例では、「AdblockforYoutube」拡張機能のIDを強調表示しています。この拡張機能のソースコードは、次の手順で明らかにします。

4.拡張機能のIDを取得したので、「chrome://version」と入力します。 ブラウザのアドレスバーに移動し、Enterキーを押します。拡張子ファイルが存在するフォルダを見つけるのに役立つはずです。

5. Chromeバージョンページで、「プロファイルパス」の値を強調表示してクリップボードにコピーします。次のスクリーンショットに示されています。

6. Finder（またはOSのファイルマネージャー）を開きます。上部の[移動]をクリックし、[フォルダに移動...]を選択します。これにより、Macの拡張機能フォルダにアクセスできるようになります。

7.クリップボードにコピーしたプロファイルパスを[フォルダに移動]パネルに貼り付け、[移動]をクリックしてそのフォルダをFinderウィンドウで開きます。

8.次の画面の「拡張機能」フォルダをダブルクリックして、すべての拡張機能を利用できるフォルダを開きます。

ここに表示されるのは、いくつかの紛らわしい名前のフォルダーです。これらのフォルダはChromeにインストールした拡張機能用ですが、拡張機能の名前と同じ名前ではないため、拡張機能のフォルダを見つけるのは困難です。

次に、上記の手順のいずれかで書き留めた内線IDと同じ名前のフォルダーを探します。これが拡張機能のフォルダです。

9.すべての拡張子ファイルがフォルダ内にあるはずです。お気に入りのエディタでそれらを開いてコードを確認できます。

このようにして、サードパーティのツールを使用せずにChrome拡張機能のソースコードを表示できます。拡張機能をインストールしてもかまわない場合は、次のセクションが役に立ちます。

拡張機能を使用してChrome拡張機能のソースコードを表示する

1.パソコンでChromeを開き、ChromeウェブストアのChrome拡張機能のソースビューアページに移動して、[Chromeに追加]をクリックします。

2.次の画面で[拡張子を追加]をクリックします。

3.拡張機能がブラウザに追加されたら、MarkdownPreview拡張機能ページなどの拡張機能のページをChromeウェブストアで開きます。

ページが読み込まれたら、Chromeの拡張機能バーにあるCRXアイコンをクリックして、[ソースを表示]を選択します。

4.Chromeウィンドウに選択した拡張機能のソースコードが表示されるはずです。

結論

ブラウザにインストールする拡張機能のソースコードを知りたい場合は、上記のガイドが2つの簡単な方法を使用してそれを行うのに役立つはずです。