实现非永久性后台脚本将大大降低扩展程序的资源开销。大多数扩展程序功能都可以获得基于事件的后台脚本的支持。仅在极少数情况下,扩展程序才应具有持久性后台,因为它们会不断消耗系统资源,并可能导致低功耗设备出现压力。
通过将永久性后台脚本迁移到基于事件的非持久性模型,增强扩展程序的性能。默认情况下,"persistent"
设为 true。
将保留类型指定为 false
在扩展程序清单文件中找到 "background"
键,然后添加 "persistent"
字段或将其更新为 false。
{
"name": "My extension",
...
"background": {
"scripts": ["background.js"],
"persistent": false
},
...
}
这同样适用于依赖 HTML 文件的后台脚本。
{
"name": "My extension",
...
"background": {
"page": "background.html",
"persistent": false
},
...
}
Surface 事件监听器
如果触发了重要事件,监听器必须位于顶级,以激活后台脚本。已注册的监听器可能需要重构为同步模式。构造监听器(如下所示)将不允许调用它们,因为它们不是同步注册。
chrome.storage.local.get('runtimeEvents', function (events) {
for (let event of events)
chrome.runtime[event].addListener(listener);
});
相反,应将监听器置于顶层且未嵌套。
chrome.runtime.onStartup.addListener(function() {
// run startup function
})
记录存储空间中的状态变化
使用 Storage API 设置并返回状态和值。使用 local.set
在本地机器上更新。
chrome.storage.local.set({ variable: variableInformation });
使用 local.get
获取该变量的值。
chrome.storage.local.get(['variable'], function(result) {
let awesomeVariable = result.variable;
// Do something with awesomeVariable
});
将计时器转换为闹钟
如果基于 DOM 的计时器(例如 window.setTimeout()
或 window.setInterval()
)在事件页面休眠时触发,非永久性后台脚本不会遵循这些计时器。
let timeout = 1000 * 60 * 3; // 3 minutes in milliseconds
window.setTimeout(function() {
alert('Hello, world!');
}, timeout);
请改用 alarms API。
chrome.alarms.create({delayInMinutes: 3.0})
然后添加监听器。
chrome.alarms.onAlarm.addListener(function() {
alert("Hello, world!")
});
更新对后台脚本函数的调用
如果使用 extension.getBackgroundPage
从后台页面调用函数,请更新为 runtime.getBackgroundPage
。较新的方法会在返回非永久性脚本之前激活它。
function backgroundFunction() {
alert('Background, reporting for duty!')
}
document.getElementById('target').addEventListener('click', function(){
chrome.extension.getBackgroundPage().backgroundFunction();
});
如果后台脚本不活跃(非永久性脚本的默认状态),则此方法将不起作用。新的方法包含一个回调函数,用于确保后台脚本已加载。
document.getElementById('target').addEventListener('click', function() {
chrome.runtime.getBackgroundPage(function(backgroundPage){
backgroundPage.backgroundFunction()
})
});