如何通过鼠标单击从 chrome 扩展中获取当前选项卡的元素属性（文本、ID、类等..）？

Question

我对 chrome 扩展很陌生，到目前为止，我可以设法获取当前的标签标题和鼠标位置，但是，我进行了一些搜索，但找不到获取元素属性的方法，例如“e .target.innerText”，当我点击它们时，右键单击并获得一个新选项，来自鼠标输入的任何内容，有没有人知道怎么做？

这就是我的 popup.js 的样子

window.onclick = e => {
    chrome.extension.getBackgroundPage().chrome.tabs.executeScript(null, {
        code:'chrome.runtime.sendMessage(document.title)'
    });;
} 

chrome.runtime.onMessage.addListener(function (message) {
    document.getElementById('pagetitle').innerHTML = message;
});

Answer 1

打开检查器窗口后尝试按 Ctrl-Shift-C

Answer 2

应该先获取目标DOM，比如document.getElementById('targetId')，然后，就可以显示DOM属性了。

Answer 3

在您的 content.js 中，编写以下代码-

$(window).click(function(event) {
    console.log("Click event: ", event);
});

内容脚本是在网页上下文中运行的文件。 通过使用标准的文档对象模型 (DOM)，他们能够读取浏览器访问的网页的详细信息，对其进行更改并将信息传递给其父扩展。