Показывая несколько значений переменных JS в расширениях хрома

Ответ 1

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

Например, следующее будет читать JS-переменную на веб-странице и переносить ее содержимое на фоновое изображение, чтобы мы могли позволить нашему продлению работать с ним. Вы заметите в инспекторе фоновой страницы, что переменная успешно прошла:

content_script.js

// JS script injection, so that we can read the JS class 'InternalJSVariable'
var postFriendMap = function() {
  var textarea = document.getElementById('transfer-dom-area');
  textarea.value = JSON.stringify(InternalJSVariable);
};

// Create a dummy textarea DOM.
var textarea = document.createElement('textarea');
textarea.setAttribute('id', 'transfer-dom-area');
textarea.style.display = 'none';
document.body.appendChild(textarea);

// Start injecting the JS script.
var script = document.createElement('script');
script.appendChild(document.createTextNode('(' + postFriendMap + ')();'));
document.body.appendChild(script);

// Inform our world that we have received the friend map data.
chrome.extension.sendRequest({internalVariable: textarea.value});

// Clean up since we no longer need this.
document.body.removeChild(textarea);

background.html

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
  if (request.internalVariable) {
    var internal_object = JSON.parse(request.internalVariable);
    console.log(internal_object );
  }
});