“Общение” content js и background js файлов в extension

216

25 декабря 2017, 11:46

Пишу расширение и столкнулся с проблемой: никак не могу отправить данные из меню расширения в content.js. В меню расширения у меня есть пару инпутов, после их заполнения и нажатия на кнопку я записываю их значения и хочу отправить их в content.js где эти данные буду использоваться для внедрения в html Но почему-то данные не отправляются.

document.getElementById('btn').onclick = function() { 
  var first = document.getElementById('first').value; 
  var second = document.getElementById('second').value; 
  //отправка в content 
  chrome.extension.sendMessage('hello'); 
}

<head> 
  <script type="text/javascript" src="content.js"></script> 
  <script type="text/javascript" src="background.js"></script> 
</head> 
<input type="text" id="first"> 
<input type="text" id="second"> 
<input type="button" id="btn" value="send">

Вот манифест(мб тут чего то напутал)

{
 "manifest_version": 2,
 "version": "1.3",
 "description": "name",
 "browser_action":{
    "default_popup": "content/popup.html"
 },
     "background": {
     "persistent": false,
         "scripts": ["content/background.js"]
        },
      "content_scripts": [
          {
             "matches": [ "https://google.com/*" ],
             "js": ["content/content.js"],
             "css": ["content/qq.css"],
             "run_at": "document_end"
         }
     ]
 }

content.js: Принимаю данные

chrome.extension.onMessage.addListener(function(request){
    if(request=='hello'){
        console.log('1. Принято: ', request);
    }
});

Как я это всё вижу, background.js это файл который отвечает за js в меню расширения. content.js это файл который отвечает за то, что бы производить изменения в DOM на сайтах.