根本的な原因:
コンテンツスクリプトがISOLATED"世界"つまり、"world" (ページ コンテキスト) 内の JS 関数や変数にアクセスできず、あなたの場合のメソッドMAINのように、独自の JS 要素を公開することもできません。state()

解決策:
以下に示す方法を使用して、ページの JS コンテキスト ( MAIN「world」) にコードを挿入します。

chromeAPIの使用について
:  •externally_connectableメッセージング<all_urls>許可されたChrome 107以降
 •CustomEvent通常のコンテンツ スクリプトを使用したメッセージングについては、次の段落を参照してください。

通常のコンテンツスクリプトを使用したメッセージングの場合:示されているように
使用しますCustomEventここ、 またはここ、 またはここつまり、挿入されたスクリプトは通常のコンテンツ スクリプトにメッセージを送信し、通常のコンテンツ スクリプトはchrome.storageまたは を呼び出しchrome.runtime.sendMessage、その結果を別の CustomEvent メッセージを介して挿入されたスクリプトに送信します。 は使用しないでください。window.postMessageデータによって、特定の形式のメッセージを期待するリスナーを持つサイトが破損する可能性があります。

注意!
ページは組み込みのプロトタイプまたはグローバルを再定義し、プライベート通信からデータを盗み出したり、挿入されたコードを失敗させたりする可能性があります。これを防ぐのは複雑です (Tampermonkey または Violentmonkey の「vault」を参照)。そのため、受信したすべてのデータを必ず確認してください。

目次

では、何が最善でしょうか? ManifestV3 では、コードを常に実行する必要がある場合は宣言型メソッド (#5) を使用し、chrome.scriptingポップアップやサービス ワーカーなどの拡張スクリプトからの条件付き挿入には (#4) を使用し、それ以外の場合はコンテンツ スクリプト ベースのメソッド (#1 および #3) を使用します。

• コンテンツ スクリプトは挿入を制御します。

  • 方法 1: 別のファイルを挿入する - ManifestV3 互換
  • 方法 2: 埋め込みコードを挿入する - MV2
  • 方法 2b: 関数を使用する - MV2
  • 方法3: インラインイベントの使用 - ManifestV3互換

• 拡張スクリプトはインジェクションを制御します (例: バックグラウンド サービス ワーカーまたはポップアップ スクリプト)。

  • 方法 4: executeScript のワールドを使用する - ManifestV3 のみ

• 宣言的注入:

  • 方法 5: worldmanifest.json で使用する - ManifestV3 のみ、Chrome 111 以降

• 挿入されたコード内の動的な値

方法 1: 別のファイルを挿入する (ManifestV3/MV2)

特にコードがたくさんある場合に適しています。コードを拡張機能内のファイル（例えば）に入れて、script.jsそれをコンテンツスクリプトこのような：

var s = document.createElement('script');
s.src = chrome.runtime.getURL('script.js');
s.onload = function() { this.remove(); };
// see also "Dynamic values in the injected code" section in this answer
(document.head || document.documentElement).appendChild(s);

var actualCode = `// Code here.
// If you want to use a variable, use $ and curly braces.
// For example, to use a fixed random number:
var someFixedRandomValue = ${ Math.random() };
// NOTE: Do not insert unsafe variables in this way, see below
// at "Dynamic values in the injected code"
`;

var script = document.createElement('script');
script.textContent = actualCode;
(document.head||document.documentElement).appendChild(script);
script.remove();

var actualCode = ['/* Code here. Example: */' + 'alert(0);',
                  '// Beware! This array have to be joined',
                  '// using a newline. Otherwise, missing semicolons',
                  '// or single-line comments (//) will mess up your',
                  '// code ----->'].join('\n');

var actualCode = '(' + function() {
    // All code is executed in a local scope.
    // For example, the following does NOT overwrite the global `alert` method
    var alert = null;
    // To overwrite a global variable, prefix `window`:
    window.alert = null;
} + ')();';
var script = document.createElement('script');
script.textContent = actualCode;
(document.head||document.documentElement).appendChild(script);
script.remove();

function injectScript(func) {
    var actualCode = '(' + func + ')();'
    ...
}
injectScript(function() {
   alert("Injected script");
});

var scriptToInject = function() {
    console.log(typeof scriptToInject);
};
injectScript(scriptToInject);
// Console output:  "undefined"

var actualCode = '// Some code example \n' + 
                 'console.log(document.documentElement.outerHTML);';

document.documentElement.setAttribute('onreset', actualCode);
document.documentElement.dispatchEvent(new CustomEvent('reset'));
document.documentElement.removeAttribute('onreset');

  "content_scripts": [{
    "world": "MAIN",
    "js": ["page.js"],
    "matches": ["<all_urls>"],
    "run_at": "document_start"
  }, {
    "js": ["content.js"],
    "matches": ["<all_urls>"],
    "run_at": "document_start"
  }],

var GREETING = "Hi, I'm ";
var NAME = "Rob";
var scriptToInject = function() {
    alert(GREETING + NAME);
};

var scriptToInject = function (GREETING, NAME) { ... };
var actualCode = '(' + scriptToInject + ')(' + GREETING + ',' + NAME + ')';
// The previous will work for numbers and booleans, but not strings.
// To see why, have a look at the resulting string:
var actualCode = "(function(GREETING, NAME) {...})(Hi, I'm ,Rob)";
//                                                 ^^^^^^^^ ^^^ No string literals!

var actualCode = '(' + function(greeting, name) { ...
} + ')(' + JSON.stringify(GREETING) + ',' + JSON.stringify(NAME) + ')';

...
} + ')(' + JSON.stringify([arg1, arg2, arg3, arg4]).slice(1, -1) + ')';