如何知道你右键点击谷歌chrome扩展是什么

How to know what you are right clicking on for a google-chrome-extension

本文关键字:谷歌 chrome 扩展 是什么 何知道 右键      更新时间:2023-09-26

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

我已经想好了一切,除了当用户右键点击图片时,我不知道如何从该操作中获得图像URL。该解决方案需要在互联网上的任何正常页面上运行。我不确定我是否需要一个正常的听众或什么。

上下文菜单项的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
    }
});