如何知道你在google-chrome-extension上点击的是什么

Question

我正在尝试写一个Google Chrome扩展到基本上最喜欢的图片。因此，您在页面上看到一张想要记住但不想手动保存它或保存图像url的图片。您可以右键单击图像，并使用此扩展名将其添加到您的图像收藏夹中。

我已经弄清楚了一切，除了当用户右键单击图片时，我不知道如何从该操作中获取图像url。这个解决方案需要在互联网上的任何正常页面上工作。我不确定我是否需要一个正常的听众。

谢谢。

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
    }
});