javascript - Chrome扩展修改newtab页面主体？

Question

我有 chrome 扩展，它可以将新的 div 添加到页面正文。但当我尝试在新标签页上运行它时它不起作用。

这是我的background.js:

chrome.browserAction.onClicked.addListener(function(tab) {  
    chrome.tabs.executeScript(null, {file: "commonAddWidget.js"};
}); 

Answer 1

我发现可以通过添加内容脚本并在单击浏览器上的扩展图标后向其发送消息来解决该问题。

背景.js:

chrome.browserAction.onClicked.addListener(function(tab) {  
chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
    var url = tabs[0].url;
    if (url.indexOf('chrome://newtab') > -1) {
        chrome.tabs.query({active: true, currentWindow: true},     function(tabs) {
          chrome.tabs.sendMessage(tabs[0].id, {someObject: someValue});
        });
    }
}); }); 

contentScript.js:

chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {// this code can modify NewTab page, and will modify only it });