javascsiptを使った自動ログイン【Chrome拡張機能】

Question

ヤフー自動ログインのChrome拡張機能を作りたいのですが、

⑴アイコンをクリックしたらYahooを別タブで開く

⑵ログインボタンをクリック

⑶更新が完了したらログインフォームにIDを入力する

このようにしたいのですが、⑶の更新完了したら要素をクリックするができません。
どうすればできますか？

Answer 1

⑶の更新完了したら要素をクリックするができません

がよくわからないのですが ページのロードが終わったら 何かの要素をクリックしたいのでしょうか？
それなら content_script で挿入する JavaScript は run_at を設定しなければ DOM 構築後に実行されるので、単純にクリックする処理を content_script に書けば良いです

クリックイベントを起こせば、ページで設定されているリスナが実行されるのでこんな感じです

document.querySelector("#element").dispatchEvent(new CustomEvent("click", {bubbles: true}))

id が element の要素をクリックするイベントを起こしています

ただ、 Yahoo のページを通してログインするならクリックイベントを起こす必要はないです
↓だけでログインできます

chrome.tabs.create({url: "https://login.yahoo.co.jp/config/login"}, tab => {
	chrome.tabs.executeScript(tab.id, {
		code: `
			document.querySelector("#username").value = "[e-mail]"
			document.querySelector("#passwd").value = "password"
			document.querySelector("[name=login_form]").submit()
		`
	})
})

username と passwd のところは自分のものに置き換えてください