我很难找到这个问题的最新答案,并且经常没有时间在这里回答问题,所以我想我会发布这个,这样我就可以回答我自己的问题,因为我找到了解决方案。
我正在为 Chrome 和 Firefox 制作一个 Web 扩展。 Firefox 有一个问题,当我从选项页面 JS 调用一个后台函数,将一些数据设置到后台页面中的 var,然后关闭选项页面时,我会收到错误“无法访问死对象”。代码稍后尝试访问已设置的变量。这是代码:
选项.js
formInOptions.addEventListener('submit', function(e){
e.preventDefault();
chrome.extension.getBackgroundPage().defaults({
keyname: e.target['form-field'].value
}, function(){
// data saved cb
});
});
背景.js
function defaults(oNewDefaults) {
// Global oDefaults already exists, and trying to access this after the options page is closed causes the error.
chrome.storage.local.get({
config: {}
}, function(data) {
let config = data.config;
config.defaults = config.defaults || {};
config.defaults = Object.assign(config.defaults, oNewDefaults); // Merge incoming obj into existing obj
chrome.storage.local.set({
config: config
}, function() {
oDefaults = config.defaults;
});
});
};
为了防止错误,我的解决方案是字符串化,然后重新解析传入的 JS obj,如下所示:config.defaults = Object.assign(JSON.parse(JSON.stringify(config.defaults)), JSON.parse(JSON.stringify(oNewDefaults)));
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)