2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

自作したChrome拡張機能をChrome・Egeブラウザにインストールする方法

2
Posted at

手順

  1. 開発者モードを有効にする
  2. Chrome拡張機能をブラウザに読み込ませる

Chromeの場合

開発者モードを有効にする

chrome://extensions/ にアクセスします。

画面右端に、デベロッパーモードのトグルがあるので、有効化します。

image.png

image.png

Chrome拡張機能をブラウザに読み込ませる

開発者モードを有効にすると、画面左上にパッケージ化されていない拡張機能を読み込むボタンが表示されるため、クリックします。

image.png

ボタンをクリックすると、ファイルエクスプローラーが表示されます。
対象のChrome拡張機能が格納されたフォルダを選択します。

image.png

読み込みが完了すると、以下のような画面になります。
以上で、Chrome拡張機能の読み込みは完了です。

image.png

オレンジのアイコンは、デベロッパーモードでインストールしたものを表しています

ドラッグ&ドロップでもインストール可能

image.png

Edgeの場合

開発者モードを有効にする

edge://extensions/にアクセスします。

画面右端に、開発者モードのトグルがあるので、有効化します。

image.png

image.png

Chrome拡張機能をブラウザに読み込ませる

開発者モードを有効にすると、展開して読み込みボタンが表示されるのでクリックします。

image.png

展開して読み込みボタンをクリックすると、Chromeのときと同様にファイルエクスプローラーが表示されます。
対象のChrome拡張機能が格納されたフォルダを選択します。

image.png

読み込みが完了すると、以下のような画面になります。
以上で、Chrome拡張機能の読み込みは完了です。

image.png

茶色のアイコンは、開発者モードでインストールしたものを表しています

Chromeと同様に、ドラッグ&ドロップでもインストール可能

image.png

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?