Chrome扩展程序：在文档按钮上单击运行browser_action

Question

我的开发和扩展，一旦点击页面内的某个按钮，我就可以获取整个页面的屏幕截图。 该代码是：https://github.com/mrcoles/full-page-screen-capture-chrome-extension

的略微修改版本

因此，如果用户点击扩展程序图标，则会启动捕获。我需要能够通过单击页面内的按钮来执行相同操作，该按钮已经在页面上。我添加了background.js和content.js并尝试了不同的方法......但没有成功。你知道怎么做吗？

{
    "name": "", "version": "", 
    "manifest_version": 2, "description": "",
    "browser_action": {
        "default_icon": "icon48-999.png",
        "default_popup": "popup.html"
    },
    "permissions": [
        "activeTab",
        "storage",
        "unlimitedStorage"
    ],
    "background": {
        "scripts": ["background.js"],
        "persistent": true
    },
    "content_scripts": [{
            "run_at": "document_idle",
            "matches": ["*://mydomain/app/*"],
            "js": ["content.js"]
        }]
}

目前，我可以收听此类点击事件：

content.js

document.getElementById('top-nav').addEventListener('click', function () {
    chrome.runtime.sendMessage({screencapture: true});
});

background.js ......但我仍然得到了＃34; undefined＆＃34;输出...

chrome.runtime.onMessage.addListener(function () {
    alert('background.js');
    chrome.tabs.captureVisibleTab(null, {format: "png"}, function (data) {
        alert(data);
    });
});