小编raf*_*138的帖子

如何制作一个看起来和行为都像切换开关的浏览器操作按钮

目标是获得一个 Firefox 的 WebExtension,用户可以在工具栏中激活/停用它,就像开/关开关一样。

我正在使用带有以下代码的background.js

browser.browserAction.onClicked.addListener(function (tab) {
    switch (button) {
        case 'turn-on':
            enable();
            break;
        case 'turn-off':
            disable();
            break;
    }
});
function enable() {
    browser.browserAction.setIcon({ path: '/ui/is-on.png', });
    browser.browserAction.setPopup({ popup: '/ui/turn-off.js', });
    browser.webNavigation.onCommitted.addListener(onTabLoad); 
} 
function disable() {
    browser.browserAction.setIcon({ path: '/ui/is-off.png', });
    browser.browserAction.setPopup({ popup: '/ui/turn-on.js', });
    browser.webNavigation.onCommitted.removeListener(onTabLoad); 
}
function onTabLoad(details) {
    browser.tabs.executeScript(details.tabId, {
        file: '/gc.js',
        allFrames true,
    }); 
}
enable(); // enable or disable by default
Run Code Online (Sandbox Code Playgroud)

显然我做错了什么。我是编码新手。这是我正在努力完成的个人项目。

javascript firefox firefox-addon firefox-addon-webextensions

5
推荐指数
1
解决办法
1944
查看次数