Chrome Extension Dev: изменение DOM с помощью jQuery

ОК. Итак, я прочитал о сценариях контента и тому подобном, включая несколько других статей по SO, которые я добавлю ниже, но это все еще не работает!

Мой _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_ :



  
    Background Page    
        
    
  
  
    
  

Мой _content.js_ :

$('body').prepend('

Testing!

'); $('body').css('background', '#f00 !important');

На данный момент я m просто пытается изменить цвет фона основной части вкладки. Я добавил прослушиватель кликов для запуска моего файла background.html, но он не работает. Я установил точку останова на вызов скрипта в файле background.html при отладке и произошло событие executeScript, но моя точка останова файла content.js не сработала. Я думал, что файла content.js в разделе «content_scripts» в моем файле manifest.json было достаточно, но если я удалю свой файл background.html, ничего не произойдет.

Может ли кто-нибудь помочь мне каким-либо образом изменить содержимое вкладки ?! Такое чувство, что я чего-то упускаю, потому что чувствую, что делаю это сложнее, чем есть на самом деле. Если есть более простой способ, чем то, что я пытаюсь сделать, я открыт для любых предложений / передовых методов.

Исследованные статьи SO

18
задан Community 23 May 2017 в 11:54
поделиться