mv3 中 popup.js 如何引用其他js的变量或者常量 ,content.js能直接调用其他js的变量或者常量,但是不能用import from

mv3 中 popup.js 如何引用其他js的变量或者常量

content.js能直接调用其他js的变量或者常量,但是不能用import from 

在 Manifest V3 中,由于扩展的隔离性,直接在不同脚本文件间共享变量或常量不再是一个简单的操作。但是,你可以使用 Chrome 扩展 API 提供的不同机制来实现这一点,例如:

  1. 使用 chrome.storage API:可以在 popup 和其他脚本之间同步数据。

  2. 使用 chrome.runtime API:通过这个 API 你可以在不同的脚本间传递消息,包括变量值。

以下是使用 chrome.storage 的一个简单例子:

 
 

// 存储变量到 chrome.storage

function saveVariableToStorage(name, value) {

chrome.storage.sync.set({ [name]: value }, function() {

console.log('Variable saved.');

});

}

// 从 chrome.storage 获取变量

function getVariableFromStorage(name, callback) {

chrome.storage.sync.get(name, function(result) {

callback(result[name]);

});

}

// 在 popup.js 中使用

document.addEventListener('DOMContentLoaded', function() {

// 假设你想要在 popup 中使用变量 'myVar'

let myVar = 'Hello, Extension!';

// 存储变量

saveVariableToStorage('myVar', myVar);

// 获取变量

getVariableFromStorage('myVar', function(retrievedValue) {

console.log(retrievedValue); // 使用获取到的变量

});

});

在其他脚本中,你可以使用相应的 get 方法来获取这个变量。

请注意,chrome.storage 和 chrome.runtime 需要额外的权限声明,你需要在 manifest.json 中添加相应的权限。

提示:AI自动生成,仅供参考

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值