chromeの拡張機能開発の公式ドキュメントで躓いています。

Question

googlechromeの拡張開発の公式のドキュメントで詰まってしまいましたので、
どなたかが助言いただけますと幸いです。

chrome拡張機能開発の公式ドキュメント【入門編】
https://developer.chrome.com/docs/extensions/mv3/getstarted/

上記URL内の以下のコードをどのファイルに記載すればよいのかわかりません。

let color = '#3aa757';

chrome.runtime.onInstalled.addListener(() => {
chrome.storage.sync.set({ color });
console.log('Default background color set to %cgreen', color: ${color});
});

上記内容以外はURLの一番下まで読んだ上で、必要なファイルは作成しています。

Answer 1

manifest.json と同じディレクトリに置く background.js だと思われます。

Comments

[shiro-python]

int32_tさん

早速ご回答ありがとうございます。
ご助言ありがとうございます。

background.jsに記述ということに確証をもてただけでも十分なので、
後ほどベストアンサーに選ばせていただきたいのです。

ただ、background.jsに記述して、再読み込みしてアクションしても

ファイルにアクセスできませんでした移動、編集、削除された可能性があります。
ERR_FILE_NOT_FOUND

というエラーで拡張機能が正常に動作しません。
manifest.jsonで記述した
"permissions": ["storage","activeTab", "scripting"],
権限を許可しているはずですが、ストアのページの該当の機能の詳細を見ると
この拡張機能に特別な権限は必要ありません
この拡張機能はサイトへのアクセスが追加されていません。
とでております。これって原因お分かりになりますでしょうか。

[int32_t]

参考ページの 'Add functionality' セクションの最後の2個のコードを background.js と manifest.json として保存して Chrome の LOAD UNPACKED でロードしてみましたが、動きましたよ。

「ストアのページ」とは何のことでしょうか? ローカルで開発しているのではないのですか?

[shiro-python]

時間あいてしまいまして、失礼いたしました。
落ち着いて、全てのファイルを再度１から作り直したところ正常に動作しました！
ありがとうございました。