Question

我的Google Chrome扩展程序目前检索从菜单中右键单击的ImageURL，但这还不够。我还需要这样做：

获取单击此特定图像的DIV元素。
接下来，在此DIV或子DIV中存储一些文本字符串点击图片。

到目前为止，我有这个，这是有效的：

background.js

// Add context menu for Images
chrome.contextMenus.create({
    "title": "Get this Image",
    "contexts": ["image"],
    "onclick" : getInfo
  });

function getInfo(e)
{
    var imgURL = e.srcUrl;

    // Set up an event which Content will receive
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      chrome.tabs.sendMessage(tabs[0].id, {url: imgURL}, function(response) {
        alert('Response in Background');
      });
});
}

contentscript.js

// Listener for Background Event Sends
chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {

    // print Image Src URL in a custom Content-created place
    divHTML = request.url;
    document.getElementById('infoDiv').innerHTML = divHTML;
  });

我在哪里做额外的工作来分析DOM树并检索额外的周围元素？在背景中还是在内容中？

Google Chrome扩展程序 - 在点击元素附近获取DIV和其他信息

0 个答案: