chrome拡張でページ読み込み時に実行

Question

前提・実現したいこと

以下のソースで現在は「chrome.action.onClicked.addListener」でボタンを押したら実行されるという処理になっているところをchrome.tabs.createで開いたページが読み込まれたら実行するという処理に変えたいです。

該当のソースコード

function showAlert() {
	document.querySelector(".cart-button").click();

}
const start=new Date(2021,9,24,21,00,00);
const Timer=setInterval(Time,1000);

function Time(){
if(start<= new Date()){
chrome.tabs.create({url: "https://ticket.rakuten.co.jp/music/jpop/RTJTAAC/"}, tab => {
chrome.action.onClicked.addListener((tab) => {
	chrome.scripting.executeScript({
		target: { tabId: tab.id },
		function: showAlert
	});
});
});
}
clearInterval(Timer);
}

{
	"name": "sample",
	"manifest_version": 3,
	"version": "0.1",
	"permissions": ["activeTab","scripting"],
	"background": {
		"service_worker": "alert.js"
	},
	"action": {}
}

Answer 1

提示のコードはバックグラウンドスクリプトとして実行していますが、コンテンツスクリプトに変えるのが良いでしょう。まずは下記ページを読んで試してみるといいと思います。

Chrome Extension の作り方 (その2: Contents Script) - Qiita

Comments

[ryoma26]

わかりました。ありがとうございます。