Как я могу получить атрибуты элемента (текст, идентификатор, класс и т. Д.) Текущей вкладки из щелчка мышью из расширения Chrome?

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

сначала вы должны получить целевой DOM, например document.getElementById ('targetId'), а затем атрибут DOM.

Answer 2

В вашем content.js напишите следующий код:

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

Сценарии содержимого - это файлы, которые запускаются в контексте веб-страниц.Используя стандартную объектную модель документа (DOM), они могут читать информацию о веб-страницах, которые посещает браузер, вносить в них изменения и передавать информацию в родительское расширение.

Answer 3

Попробуйте нажать Ctrl-Shift-C после открытия окна инспектора