根本原因：
内容脚本在"isolated world" 环境中执行。
解决方案：：
要访问页面上下文（“主世界”）的函数/变量，您必须使用 DOM 将代码注入页面本身。如果您想公开您的函数/变量到页面上下文（在您的情况下是 state() 方法），也是一样的。
安全警告：
页面可能会重新定义或扩充/挂钩内置原型，因此如果页面以不兼容的方式执行此操作，您的公开代码可能会失败。如果您想确保您的公开代码在安全的环境中运行，那么您应该 a) 使用 "run_at": "document_start" 声明您的内容脚本并使用方法 2-3 而不是 1，或者 b) 通过一个空的提取原始本机内置插件iframe，example。请注意，对于 document_start，您可能需要在暴露的代码中使用 DOMContentLoaded 事件来等待 DOM。
目录
- 方法 1：注入另一个文件 - 与 ManifestV3 兼容
- 方法二：注入嵌入式代码
- 方法 2b：使用函数
- 方法 3：使用内联事件
- 注入代码中的动态值
方法一：注入另一个文件
目前唯一兼容 ManifestV3 的方法。 当您有大量代码时特别好。将代码放在扩展程序中的文件中，例如script.js。然后将其加载到您的content script 中，如下所示：
var s = document.createElement('script');
s.src = chrome.runtime.getURL('script.js');
s.onload = function() {
this.remove();
};
(document.head || document.documentElement).appendChild(s);
js文件必须暴露在web_accessible_resources：
-
ManifestV2 的manifest.json 示例
"web_accessible_resources": ["script.js"],
-
ManifestV3 的manifest.json 示例
"web_accessible_resources": [{
"resources": ["script.js"],
"matches": ["<all_urls>"]
}]
如果没有，控制台会出现如下错误：
拒绝加载 chrome-extension://[EXTENSIONID]/script.js。资源必须列在 web_accessible_resources 清单键中才能被扩展程序之外的页面加载。
方法二：注入嵌入式代码
当您想快速运行一小段代码时，此方法很有用。 （另见：How to disable facebook hotkeys with Chrome extension?）。
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();
注意：template literals 仅在 Chrome 41 及更高版本中受支持。如果您希望扩展程序在 Chrome 40- 中工作，请使用：
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');
方法 2b：使用函数
对于一大段代码，引用字符串是不可行的。可以使用函数而不是使用数组，并进行字符串化：
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"
方法3：使用内联事件
有时，您想立即运行一些代码，例如在创建 <head> 元素之前运行一些代码。这可以通过插入带有textContent 的<script> 标签来完成（参见方法2/2b）。
另一种但不推荐是使用内联事件。不建议这样做，因为如果页面定义了禁止内联脚本的内容安全策略，则内联事件侦听器将被阻止。另一方面，由扩展注入的内联脚本仍然运行。
如果您仍想使用内联事件，方法如下：
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');
注意：此方法假定没有其他全局事件侦听器处理reset 事件。如果有，您还可以选择其他全球事件之一。只需打开 JavaScript 控制台 (F12)，输入 document.documentElement.on，然后选择可用事件。
注入代码中的动态值
有时，您需要将任意变量传递给注入函数。例如：
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!
解决方案是在传递参数之前使用JSON.stringify。示例：
var actualCode = '(' + function(greeting, name) { ...
} + ')(' + JSON.stringify(GREETING) + ',' + JSON.stringify(NAME) + ')';
如果你有很多变量，值得使用一次JSON.stringify，以提高可读性，如下：
...
} + ')(' + JSON.stringify([arg1, arg2, arg3, arg4]) + ')';