chrome 扩展的上下文菜单中的弹出窗口

Question

我正在开发 chrome 扩展程序，但遇到了问题。我在 chrome 的上下文菜单中添加了一个项目，如果单击该菜单项，我想打开一个弹出窗口。我的代码如下所示：

function popup(url) {
window.open(url, "window", "width=600,height=400,status=yes,scrollbars=yes,resizable=yes");
}

chrome.contextMenus.create({"title": "Tumblr", "contexts":["page","selection","link","editable","image","video","audio"], "onclick": popup('http://example.com')});

但是这段代码不能按我的意愿工作。单击上下文项后不会出现弹出窗口，而是在 chrome 扩展首选项中刷新扩展后出现。

提前致谢！

Answer 1

chrome.contextMenus.create({... "onclick": popup('http://example.com')})

立即调用popup 函数，从而打开一个弹出窗口。您必须传递对函数的引用。要使您的代码正常工作，请将函数调用包装在一个函数中：

chrome.contextMenus.create({
    "title": "Tumblr",
    "contexts": ["page", "selection", "link", "editable", "image", "video", "audio"],
    "onclick": function() {
        popup('http://example.com');
    }
});

window.open() 可用于创建弹出窗口。另一种方法（只是为了让您知道它存在）是chrome.windows.create。