admin管理员组

文章数量:1410705

There is a command 'open-node-frontend' behind "Open dedicated DevTools for Node" chrome://inspect/#devices. I want to start this frontend devtools from cli as an application.

Ideally I would like this

open "/Applications/Google Chrome.app" --args --app='devtools://devtools/bundled/inspector.html?ws=localhost:9229'

to work like that

open "/Applications/Google Chrome.app" --args --app=''

but for devtools it fails.

How to achieve it, do I need to specify any other arguments?

There is a command 'open-node-frontend' behind "Open dedicated DevTools for Node" chrome://inspect/#devices. I want to start this frontend devtools from cli as an application.

Ideally I would like this

open "/Applications/Google Chrome.app" --args --app='devtools://devtools/bundled/inspector.html?ws=localhost:9229'

to work like that

open "/Applications/Google Chrome.app" --args --app='https://google'

but for devtools it fails.

How to achieve it, do I need to specify any other arguments?

Share Improve this question asked Mar 10 at 13:01 Michał GrzegorzewskiMichał Grzegorzewski 5074 silver badges8 bronze badges
Add a comment  | 

1 Answer 1

Reset to default 0

I made my day by myself :). Thanks All :)

npm i -D puppeteer
npm i -g bun #or npm i -g tsx 
puppeteer browsers install chrome
touch open-inspector.ts # should contain the code listed below
chmod +x open-inspector.ts
./open-inspector.ts

Running with tsx/bunjs

file ./open-inspector.ts

#!/usr/bin/env bun
# or #!/usr/bin/env tsx
import puppeteer from 'puppeteer';

const browser = await puppeteer.launch({ headless: false, defaultViewport: null });
const page = (await browser.pages()).at(0);
await page.goto('chrome://inspect');
await page.waitForSelector('#node-frontend');
await page.click('#node-frontend');
await page.close();

no more questions - runs like a charm

本文标签: debuggingI need to open Chrome devtools for node as standalone appStack Overflow