feat: support --auto-connect

Author: OrKoN

README.md

@@ -350,6 +350,10 @@ The Chrome DevTools MCP server supports the following configuration option:
 
 <!-- BEGIN AUTO GENERATED OPTIONS -->
 
+- **`--autoConnect`**
+  If specified, automatically connects to a browser running in the user data directory identified by the channel param.
+  - **Type:** boolean
+
 - **`--browserUrl`, `-u`**
   Connect to a running, debuggable Chrome instance (e.g. `http://127.0.0.1:9222`). For more details see: https://github.com/ChromeDevTools/chrome-devtools-mcp#connecting-to-a-running-chrome-instance.
   - **Type:** string

src/browser.ts

@@ -48,7 +48,9 @@ export async function ensureBrowserConnected(options: {
   wsEndpoint?: string;
   wsHeaders?: Record<string, string>;
   devtools: boolean;
+  channel?: Channel;
 }) {
+  const {channel} = options;
   if (browser?.connected) {
     return browser;
   }
@@ -66,8 +68,16 @@ export async function ensureBrowserConnected(options: {
     }
   } else if (options.browserURL) {
     connectOptions.browserURL = options.browserURL;
+  } else if (channel) {
+    const puppeteerChannel =
+      channel && channel !== 'stable'
+        ? (`chrome-${channel}` as ChromeReleaseChannel)
+        : 'chrome';
+    connectOptions.channel = puppeteerChannel;
   } else {
-    throw new Error('Either browserURL or wsEndpoint must be provided');
+    throw new Error(
+      'Either browserURL, wsEndpoint or channel must be provided',
+    );
   }
 
   logger('Connecting Puppeteer to ', JSON.stringify(connectOptions));

src/cli.ts

@@ -8,6 +8,12 @@ import type {YargsOptions} from './third_party/index.js';
 import {yargs, hideBin} from './third_party/index.js';
 
 export const cliOptions = {
+  autoConnect: {
+    type: 'boolean',
+    description:
+      'If specified, automatically connects to a browser running in the user data directory identified by the channel param.',
+    conflicts: ['isolated', 'executablePath', 'userDataDir'],
+  },
   browserUrl: {
     type: 'string',
     description:
@@ -221,6 +227,14 @@ export function parseArguments(version: string, argv = process.argv) {
         '$0 --user-data-dir=/tmp/user-data-dir',
         'Use a custom user data directory',
       ],
+      [
+        '$0 --auto-connect',
+        'Connect to a stable Chrome instance running instead of launching a new instance',
+      ],
+      [
+        '$0 --auto-connect --channel=canary',
+        'Connect to a canary Chrome instance running instead of launching a new instance',
+      ],
     ]);
 
   return yargsInstance

src/main.ts

@@ -54,11 +54,13 @@ async function getContext(): Promise<McpContext> {
   }
   const devtools = args.experimentalDevtools ?? false;
   const browser =
-    args.browserUrl || args.wsEndpoint
+    args.browserUrl || args.wsEndpoint || args.autoConnect
       ? await ensureBrowserConnected({
           browserURL: args.browserUrl,
           wsEndpoint: args.wsEndpoint,
           wsHeaders: args.wsHeaders,
+          // Important: only pass channel, if autoConnect is true.
+          channel: args.autoConnect ? (args.channel as Channel) : undefined,
           devtools,
         })
       : await ensureBrowserLaunched({

tests/cli.test.ts

@@ -208,4 +208,16 @@ describe('cli args parsing', () => {
       categoryEmulation: false,
     });
   });
+  it('parses auto-connect', async () => {
+    const args = parseArguments('1.0.0', ['node', 'main.js', '--auto-connect']);
+    assert.deepStrictEqual(args, {
+      ...defaultArgs,
+      _: [],
+      headless: false,
+      $0: 'npx chrome-devtools-mcp@latest',
+      channel: 'stable',
+      'auto-connect': true,
+      autoConnect: true,
+    });
+  });
 });