0
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?

More than 1 year has passed since last update.

自作のChromeプラグインでサイト自動ログイン

Posted at

Chromeの拡張機能作るってなんか難しそうって思うかもですが(実は自分もそうだった)実は意外と簡単でした。
よく使うとあるサイトでUIが恐ろしく悪くて、毎回ログインを要求されます。で、これを解消するプラグインとかあるかなーと思って探している時に自分で作ればいいということがわかったので以下にやり方を記載します。

適当にディレクトリ作って以下のファイルを用意します。

manifest.jspon
{
	"manifest_version": 3, // 今だと最新は3
	"name": "somewebsite", // 何か名前をつける
	"version": "1.0",
	"description": "ログイン", // 説明を記述
	"content_scripts": [{
		"matches": ["https://somewebsite.jp/login"], // こちらのURLにマッチしたら
		"js": [
			"main.js" // こちらのJSを実行
		]
	}]
}

フォームはシンプルなEmailとPassword入れるだけのものとします。

main.js
//web login

document.forms[0].elements[1].value = "email@email";
document.forms[0].elements[2].value = "password";

document.forms[0].submit();

Chromeの拡張機能を開いてデベロッパーモードをONにします。
その後「パッケージ化されている拡張機能を読み込む」をクリックして上のファイルを読み込みます。
拡張機能.png

とここまでやるとあとはChromeで当該ページ( https://somewebsite.jp/login )を開くだけで勝手にログインしてくれます。

ぜひお試しください。

0
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
0
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?