Расширение Chrome Отправить сообщение From Background.js в Content Script

Question

Я прочитал документацию о том, как это сделать. Отправить сообщение Из файла javascript (main.js) в Content Script (content.js), но я не могу получить onMessage чтобы открыть мое предупреждение.

manifest.json

{ 
    "name": "Example", 
    "version": "1.0.1", 
    "manifest_version" : 2, 
    "description": "Example Description", 
    "background" : { 
    "scripts" : ["main.js"] 
    }, 
    "page_action" : { 
     "default_icon": { 
     "19": "icons/19.png", 
     "38": "icons/38.png" 
     }, 
     "default_title" : "Example Title" 
    }, 
    "content_scripts": [{ 
     "matches": ["<all_urls>"], 
     "js": ["lib/jquery-1.8.3.min.js","scripts/content.js"], 
     "run_at": "document_idle", 
     "all_frames": false 
    }], 
    "permissions": [ 
     "tabs", 
     "geolocation" 
    ], 
    "icons": { 
     "16": "icons/16.png", 
     "48": "icons/48.png", 
     "128": "icons/48.png" 
    } 

} 

фона файла JavaScript (main.js)

chrome.tabs.query({active: true, currentWindow: true}, function(tabs){ 
    chrome.tabs.sendMessage(tabs[0].id, {action: "SendIt"}, function(response) {}); 
}); 

Содержимое файла JavaScript (content.js)

chrome.extension.onMessage.addListener(function(msg, sender, sendResponse) { 
    if (msg.action == 'SendIt') { 
     alert("Message recieved!"); 
    } 
}); 

Answer 1

Благодаря проницательности @Teepeemm я включил завершение загрузки вкладки перед отправкой сообщения в сценарий содержимого.

ОЖИДАНИЕ TAB полностью загружены

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {   
    if (changeInfo.status == 'complete') { 
     chrome.tabs.query({active: true, currentWindow: true}, function(tabs){ 
     chrome.tabs.sendMessage(tabs[0].id, {action: "SendIt"}, function(response) {}); 
     }); 
    } 
}); 

Answer 2

Sidenote: chrome.extension.onMessage устарел, вы должны использовать chrome.runtime.onMessage - хотя я не верю, что это решит вашу проблему.

Я помню, что у меня была проблема с инъекционным мини-файлом jquery с использованием скриптов контента. Попробуйте использовать неинфицированную версию (например, jquery-1.8.3.js). Как только вы это сделаете, добавьте jquery-1.8.3.js в web_accessible_resources в файл манифеста. (Читайте об этом here)

Если это все еще не работает, моим последним предложением было бы добавить "<all_urls>" в массив разрешений в манифесте.

Answer 3

Если у вас есть сценарий, сообщающий о его присутствии (я предпочитаю console.log - alert), вы увидите, что фоновый скрипт запускается один раз (при установке или запуске), в то время как скрипт содержимого работает с каждой новой страницей. Это означает, что вы хотите, чтобы какое-то внешнее событие вызывало это сообщение. Что-то вроде

chrome.pageAction.onClicked.addListener(function(tab) { 
    chrome.tabs.sendMessage(tab.id,{action:"SendIt"}); 
}); 

И не забудьте позвонить chrome.pageAction.show(tabId); в зависимости от обстоятельств.