chrome拡張でのボタン自動クリック

Question

前提・実現したいこと

指定した時間になったら指定したサイトにアクセスして指定したボタンを押す機能

発生している問題・エラーメッセージ

Error handling response: TypeError: chrome.tabs.executeScript is not a function

該当のソースコード

function click() {
    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.scripting.executeScript(
        {
            target: {tabId: tab.id},
            function:click
    });
});
  clearInterval(Timer);
}
}

{
	{
	"name": "自動クリック",
	"manifest_version": 3,
	"version": "0.1",
	"permissions": ["activeTab","scripting","tabs"],
	"background": {
		"service_worker": "content.js"
	},
	"content_scripts": [
		{
		  "matches": [ "<all_urls>" ],
		  "js": ["content.js"]
		}
	  ],
	  "host_permissions":[
		"http://*/",
		"https://*/"
	  ],
   
	"action": {}
}
}

Answer 1

公式のドキュメントを見ると「Replaced by scripting.executeScript in Manifest V3.」と書いてありますから、chrome.scripting.executeScript() に置き換える必要があるのでしょう。

Comments

[ryoma26]

現在のエラーはなくなりましたが下記のエラーが出てきてしまいました。
Error handling response: TypeError: Error in invocation of scripting.executeScript(scripting.ScriptInjection injection, optional function callback): No matching signature.

[int32_t]

使い方を間違えているのでしょう。単純にchrome.tabs.executeScriptをchrome.scripting.executeScriptに書き換えるだけではなく、パラメータを変える必要があります。

[ryoma26]

ソースを修正したのですが、次は下記のエラーが出てしまいました。host_permissionを追加したのですがうまくいきませんでした。
Uncaught (in promise) Error: Cannot access contents of url "". Extension manifest must request permission to access this host.