#javascript #reactjs #google-chrome-extension
#язык JavaScript #реагирует на #google-chrome-расширение
Вопрос:
Я пытаюсь отправить размер шрифта тела во всплывающее окно моего расширения (это расширение chrome), но его невозможно отобразить.
Это мое content
:
const body = document.querySelector('body'); const bodyFontSize = getComputedStyle(body).fontSize; chrome.runtime.sendMessage({ fontSize: bodyFontSize }, function (response) { console.log(response); });
Вот мой background
const gotMessage = message =gt; chrome.runtime.sendMessage({ msg: message }); chrome.runtime.onMessage.addListener(gotMessage);
и это то, что popUp
:
const gotMessage = (message, sender, sendResponse) =gt; { console.log('message,', message); sendResponse(sender); }; chrome.runtime.onMessage.addListener(gotMessage);
Я не нахожу способа показать во всплывающем окне некоторую информацию из DOM, с другой стороны, это моя manifest
{ "name": "WEEEWWWW", "version": "1.0.0", "manifest_version": 2, "description": "WOOOOWWW", "icons": { "512": "logo512.png" }, "permissions": ["http://*/*", "https://*/*"], "browser_action": { "default_icon": "logo512.png", "default_popup": "popup.html" }, "background": { "scripts": ["background.js"] }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["content.js"], "run_at": "document_end" } ] }
Большое спасибо за любую помощь!
Комментарии:
1. не пытайтесь отправить размер шрифта во всплывающее окно расширения (которое могло бы получить его, только если бы оно было открыто alerady), но сохраните это значение в переменной хранилища и прочитайте его, когда всплывающее окно будет открыто