`backgroundpage.on('console')` not working

Steps to reproduce

• Puppeteer version: 1.14.0
• Platform / OS version: macOS 10.14.3
• Node.js version: 11.6.0

What steps will reproduce the problem?

1. git clone https://github.com/pyrho/puppeteer-bug.git
2. yarn
3. node example.js

The repo for this issue: https://github.com/pyrho/puppeteer-bug

What is the expected result? Messages (console.log)from the background page are caught by the backgroundPage.on('console') handler. `bg: PORT CONNECTED" should print in the node console.

What happens instead? Messages are not caught by the handler.

When manually inspecting the background page, we can see that the message is printed in the console tab:

Thank you for your time and this awesome project 😃

[aslushnikov]

We should disable the component extensions by default - submitted the https://github.com/GoogleChrome/puppeteer/pull/4704 for this.

[xse]

Indeed my bad. So, excuse my english, i’m pretty bad at explaining things but i’ll try since i got those bg messages. I think the issue is that there is two background pages, i actually got your example working once, but only once so that was strange, then i tried to output all console messages from all targets, it crashed so by filtering with only the targets that seems to be a background page, that works. If you add this right after the console.log('closing'); line in your example :

    let test = await browser.targets();
    let foo = [];
    for (let i=0, len=test.length; i<len; i++) {
        console.log('target '+i);
        if (test[i]._targetInfo.url.includes('background_')) {
            console.log(test[i]);
            foo[i] = await test[i].page();
            foo[i]._client.on('Runtime.consoleAPICalled', ({args, executionContextId, timestamp, type, stackTrace, context}) => {
                console.log('Runtime.consoleAPICalled');
                console.log(args);
            });
        }
    }

You can see the messages that way.

I think you can get rid of most of the code and use .on('console', msg => console.log(bg: ${msg.text()}));

The console.log(test[i]); outputs two background pages, and since i added the listener to both i don’t know witch one is the correct one i did not dig enough into that, but you should be able to filter the correct one. Like if you take a look at the target objects, there are easy ways to differentiates both of them like i think one has your extension name inside. I don’t know if having two background pages when you specify --disable-extensions-except is normal behavior.

I don’t know if that make sense, i hope it does. EDIT: typo and maybe more clear.