Chrome拡張での時間指定のページ遷移

Question

前提・実現したいこと

chromeの拡張で指定の時刻になったら指定したページに遷移する機能

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

location.href="url"が動作していない

該当のソースコード

const start=new Date(2021,9,23,17,35,00); 
const Timer=setInterval(Time,1000);

function Time(){
console.log(new Date());
if(start<= new Date()){
        console.log(new Date());
        location.href='https://ticket.rakuten.co.jp';
    clearInterval(Timer);
}
}

manifestファイル

{
	"name": "自動計測",
	"manifest_version": 3,
	"version": "0.1",
	"permissions": ["activeTab","scripting"],
	"background": {
		"service_worker": "time.js"
	},
   
	"action": {}
}

試したこと

location.hrefのところをalertに変えたらちゃんと動作した。ログも確認したがsetIntervalはしっかり機能している。またsetintervalではなくchrome拡張のアイコンをクリックしたらlocation.hrefでページ遷移するという風にしたらしっかり機能した。setintervalの中ではlocation.hrefは使えないのでしょうか？またはマニフェストファイルになにか記載が必要なのでしょうか？

Comments

[int32_t]

質問に [Chrome extension] タグを付けましょう。

[ryomaterai0226]

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

Answer 1

background で location.href の変更は出来ないと思います。

代わりに chrome.tabs.create でタブを開きます。
manifest.json の permissions に "tabs" の追加が必要です。

const url = "https://ticket.rakuten.co.jp"
chrome.tabs.create({ url })

Comments

[ryomaterai0226]

無事できました。ありがとうございます。一つ質問なのですが、特定のページでは動作しない場合があるのですがどんな原因があるのでしょうか？

[neko_daisuki]

特定のページというのが特定のURLを開いているタブがあるときなのか、
あるURLを開こうとすると開かないのか分かりません。

開かない現象が再現可能ならば、chrome://extensions/ を開き、
ビューを検証 バックグラウンドページをクリックします。
そして console のところにエラーが表示されていないか確認してください。

[ryomaterai0226]

わかりました。やってみます