pptr connect with electron failed

environment:

• Puppeteer version: 1.6.2
• Platform / OS version: win10 electron 4.0.1
• Node.js version: 10.11.0

description

Because electron app is a chromium, so I want to use puppeteer.connect() connect with electron. I already set electron’s chromium with --remote-debugging-port=9223. when electron started, I open http://localhost:9223/json/version, can get :

{
   "Browser": "Chrome/69.0.3497.106",
   "Protocol-Version": "1.3",
   "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.106 Electron/4.0.1 Safari/537.36",
   "V8-Version": "6.9.427.24",
   "WebKit-Version": "537.36 (@857b284701ddf7bef0f14fa76416cf7ca786b411)",
   "webSocketDebuggerUrl": "ws://localhost:9223/devtools/browser/xxxxxxx"
}

Then, I use webSocketDebuggerUrl set to connect() args :

puppeteer.connect({
	browserWSEndpoint: "ws://localhost:9223/devtools/browser/xxxxxxx"
}).then(async browser => {
	const page = await browser.newPage();
}).catch(e => {
	console.log(e)
})

when I run this script, log error :

{ Error: Protocol error (Target.getBrowserContexts): Not supported
    at Promise (C:\WorkSpace\test\pptr-test\node_modules\puppeteer\lib\Connection.js:86:56)
    at new Promise (<anonymous>)
    at Connection.send (C:\WorkSpace\test\pptr-test\node_modules\puppeteer\lib\Connection.js:85:12)
    at Function.connect (C:\WorkSpace\test\pptr-test\node_modules\puppeteer\lib\Launcher.js:257:50)
    at process._tickCallback (internal/process/next_tick.js:68:7)
  message: 'Protocol error (Target.getBrowserContexts): Not supported' }

Then I try other different version puppeteer, but also log above error. Include puppeteer@1.6.x that support chromium’s version equal 69.

[abinavseelan]

Trying to achieve the same thing and running into the same issue. 😕

Here’s a demo snippet

const { app, BrowserWindow } = require('electron');
const request = require('axios');
const puppeteer = require('puppeteer-core');

let mainWindow;
app.commandLine.appendSwitch('remote-debugging-port', '9222');

async function createWindow() {
    const response = await request.get('http://localhost:9222/json/version');

    mainWindow = new BrowserWindow({
        width: 1280,
        height: 720,
    });

    mainWindow.on('closed', () => {
        mainWindow = null;
    });

    puppeteer
        .connect({
            browserWSEndpoint: response.data.webSocketDebuggerUrl,
        })
        .then(async (browser) => {
            const page = await browser.newPage();
            await page.goto('https://google.com');
        })
        .catch((err) => {
            console.log(err);
        });
}

[aslushnikov]

@LarenDorr Electron is a custom embedder - and a few DevTools protocol methods are expected to be implemented in an embedder. One of these methods is Target.getBrowserContexts. Until electron supports it upstream, Puppeteer’s browser contexts won’t work with electron.

As a workaround, you can try using Puppeteer v1.4.0.

We, however, can make it mostly work with Electron - things like clicking, typing and navigations should be working just fine. Closing this in favor of https://github.com/GoogleChrome/puppeteer/issues/4283 - there’s some more context. Let’s continue discussion there.