javascript-events - 如何知道您在右键单击 google-chrome-extension 的内容

Question

我正在尝试为基本喜欢的图片编写 Google Chrome 扩展程序。因此，您在页面上看到了您想要记住但又不想手动保存或保存图像 url 的图片。您将能够右键单击图像并将其添加到使用此扩展程序的图像收藏夹中。

除了当用户右键单击图片时，我已经弄清楚了一切，我无法弄清楚如何从该操作中获取图像 url。该解决方案需要在 Internet 上的任何正常页面上运行。我不确定我是否需要一个普通的听众或什么。

谢谢。

Answer 1

您的上下文菜单项的onclick处理程序应该期望一个onClickData对象作为其第一个参数。该对象将包含一个srcUrl属性，该src属性是被右键单击的图像的属性。

你会像这样设置你的菜单项：

chrome.contextMenus.create({
    title: "Remember image as favorite",
    contexts: ["image"],
    onclick: function(data) {
        console.log("we're about to save " + data.srcUrl);
        // do whatever you need with data.srcUrl to save it
    }
});