如何在 chrome 工作台设置一个浏览器刷新都不消失的 window 变量

写一个 chrome 自定义插件

chrome 插件怎么写

// 插件文件至少包括的文件
manifest.json  // 配置文件
script.js //执行的脚本文件

配置文件：manifest.json

{
    "name":"插件名称",
    "version":"2",
    "icons":{ // 插件不同的展示位置需要的图标
       "16": "image/icon-16.png",
       "48": "image/icon-48.png",
       "128": "image/icon-128.png"
    },
    "manifest_version":1,
    "description":"插件描述",
    "content_scripts":[
        {
            "matches":[
                "https://*/*"
            ],
            "js":[
                "script.js" // 执行的脚本地址
            ]
        }
    ]
}

脚本文件：script.js

// 错误的注入方式
window.name = '这是一个 window 变量';

// 正确的注入方式
var script = document.createElement("script");
script.innerHTML = "window.name = '这是一个 window 变量'";
document.head.appendChild(script);

安装插件

chrome > 设置 > 扩展程序 > 加载已解压的扩展程序 > 选择刚才的文件目录 > 确定
然后打开一个新的 tab 页面，打开控制台，输入 window.name，就可以看到刚才设置的变量了。

参考

chrome插件获取window挂载的属性
chrome extension 可以拿到并且改写页面的window对象吗？
5 分钟带你写个自己的 Chrome 扩展和油猴脚本