OK.Итак, я прочитал о скриптах контента и тому подобном, включая несколько других SO статей, которые я добавлю ниже, но это все еще не работает!
My _manifest.json_
:
{
"name": "name",
"version": "1.0",
"description": "desc",
"browser_action": { "default_icon": "icon.png" },
"permissions": [ "tabs", "http://*/*" ],
"background_page": "background.html",
"content_scripts": [ {
"all_frames": true,
"js": [ "content.js" ],
"matches": [ "http://*/*", "https://*/*" ]
} ]
}
Мой _background.html_
:
<!doctype html>
<html>
<head>
<title>Background Page</title>
<script src="jquery.min.js"></script>
<script src="content.js"></script>
</head>
<body>
<script>
chrome.browserAction.onClicked.addListener(function(tab)
{
chrome.tabs.executeScript(null, {file:"content.js"});
});
</script>
</body>
</html>
Мой _content.js_
:
$('body').prepend('<h1>Testing!</h1>');
$('body').css('background', '#f00 !important');
Сейчас я просто пытаюсь изменить цвет фона тела вкладки,Я добавил обработчик щелчков, чтобы запустить файл background.html, но он не работает.Я остановился на вызове скрипта в файле background.html при отладке и событии executeScript, но моя точка останова файла content.js не была достигнута.Я думал, что наличия файла content.js в папке «content_scripts» в моем файле manifest.json было достаточно, но если я удаляю свой файл background.html, ничего не происходит.
Может ли кто-нибудь помочь мне изменить содержимое вкладкив любом случае?!Такое ощущение, что я что-то упускаю, потому что чувствую, что делаю это сложнее, чем есть.Если есть более простой способ, чем то, что я пытаюсь сделать, я открыт для любых предложений / лучших практик.
SO исследованных статей