browser-cdp 0.3.0 → 0.5.1

package/README.md

@@ -1,5 +1,7 @@
 # browser-cdp
 
+[![npm version](https://img.shields.io/npm/v/browser-cdp.svg)](https://www.npmjs.com/package/browser-cdp)
+
 Browser automation via Chrome DevTools Protocol. Control Chrome, Brave, or Edge using your real browser - same fingerprint, real cookies, no automation detection.
 
 ## Install
@@ -12,7 +14,10 @@ npm install -g browser-cdp
 
 ```bash
 # Start browser with CDP enabled
-browser-cdp start [browser] [--isolated] [--port=PORT]
+browser-cdp start [browser] [--profile=NAME] [--isolated] [--port=PORT]
+
+# Close the browser
+browser-cdp close
 
 # Navigate to URL
 browser-cdp nav <url> [--new]
@@ -26,11 +31,14 @@ browser-cdp screenshot
 # Interactive element picker
 browser-cdp pick '<message>'
 
-# Stream browser console output
+# Stream browser console output (network errors, exceptions, logs)
 browser-cdp console [--duration=SECONDS]
 
 # Show page performance metrics
 browser-cdp insights [--json]
+
+# Run Lighthouse audit (Chrome only)
+browser-cdp lighthouse [--json] [--category=NAME]
 ```
 
 ## Environment Variables
@@ -47,6 +55,9 @@ browser-cdp insights [--json]
 # Start Brave with real profile
 browser-cdp start brave
 
+# Start Brave with specific profile (by name)
+browser-cdp start brave --profile=Work
+
 # Start Chrome on custom port
 DEBUG_PORT=9333 browser-cdp start
 
@@ -61,15 +72,25 @@ browser-cdp screenshot
 # Pick elements interactively
 browser-cdp pick "Select the login button"
 
-# Stream console output for 10 seconds
+# Stream console output (captures network errors, exceptions, console.log)
+browser-cdp console
+# Then refresh the page to see errors
+
+# Stream console for 10 seconds
 browser-cdp console --duration=10
 
 # Get page performance insights
 browser-cdp insights
 # Returns: TTFB, First Paint, FCP, DOM loaded, resources, memory
 
-# Get insights as JSON
-browser-cdp insights --json
+# Run Lighthouse audit (Chrome only - Brave blocks CDP debugger)
+browser-cdp start chrome --isolated
+browser-cdp nav https://example.com
+browser-cdp lighthouse
+# Returns: Performance, Accessibility, Best Practices, SEO scores
+
+# Close browser when done
+browser-cdp close
 ```
 
 ## Pre-started Browser
@@ -116,6 +137,10 @@ Use `BROWSER_PATH` env var to override if your browser is installed elsewhere.
 | Detection | Not detectable as automation | Automation flags present |
 | Use case | Real-world testing, scraping | Isolated E2E tests |
 
+## See Also
+
+- [dev-browser](https://github.com/SawyerHood/dev-browser) - Browser automation plugin for Claude Code with LLM-optimized DOM snapshots
+
 ## License
 
 MIT

package/cli.js

@@ -12,12 +12,15 @@ const args = process.argv.slice(3);
 
 const commands = {
   start: "./start.js",
+  close: "./close.js",
   nav: "./nav.js",
   eval: "./eval.js",
+  dom: "./dom.js",
   screenshot: "./screenshot.js",
   pick: "./pick.js",
   console: "./console.js",
   insights: "./insights.js",
+  lighthouse: "./lighthouse.js",
 };
 
 function printUsage() {
@@ -27,12 +30,15 @@ function printUsage() {
   console.log("");
   console.log("Commands:");
   console.log("  start [browser]     Start browser with CDP (uses real profile)");
-  console.log("  nav <url>           Navigate to URL");
-  console.log("  eval '<code>'       Evaluate JavaScript in page");
+  console.log("  close               Close the browser");
+  console.log("  nav <url>           Navigate to URL (--console to capture logs)");
+  console.log("  eval '<code>'       Evaluate JS in page (--console to capture logs)");
+  console.log("  dom                 Capture full page DOM/HTML");
   console.log("  screenshot          Take screenshot of current page");
   console.log("  pick '<message>'    Interactive element picker");
   console.log("  console             Stream browser console output");
   console.log("  insights            Show page performance metrics");
+  console.log("  lighthouse          Run Lighthouse audit");
   console.log("");
   console.log("Environment:");
   console.log("  DEBUG_PORT          CDP port (default: 9222)");
@@ -43,6 +49,7 @@ function printUsage() {
   console.log("  browser-cdp start brave");
   console.log("  browser-cdp nav https://google.com");
   console.log("  browser-cdp eval 'document.title'");
+  console.log("  browser-cdp dom > page.html");
   console.log("  browser-cdp console --duration=10");
   console.log("  browser-cdp insights --json");
   process.exit(0);

package/console.js

@@ -7,16 +7,19 @@ const DEFAULT_PORT = process.env.DEBUG_PORT || 9222;
 const args = process.argv.slice(2);
 const duration = args.find((a) => a.startsWith("--duration="));
 const durationMs = duration ? parseInt(duration.split("=")[1]) * 1000 : null;
+const shouldReload = args.includes("--reload") || args.includes("-r");
 const showHelp = args.includes("--help") || args.includes("-h");
 
 if (showHelp) {
-  console.log("Usage: console.js [--duration=SECONDS]");
+  console.log("Usage: console.js [options]");
   console.log("\nCapture browser console output in real-time.");
   console.log("\nOptions:");
   console.log("  --duration=N  Stop after N seconds (default: run until Ctrl+C)");
+  console.log("  --reload, -r  Reload the page before capturing");
   console.log("\nExamples:");
   console.log("  console.js              # Stream console logs until Ctrl+C");
   console.log("  console.js --duration=5 # Capture for 5 seconds");
+  console.log("  console.js --reload     # Reload page and capture logs");
   process.exit(0);
 }
 
@@ -30,35 +33,74 @@ if (!context) {
 }
 
 const pages = context.pages();
-const page = pages[pages.length - 1];
+// Filter out devtools pages and pick a real page
+const realPages = pages.filter(p => {
+  const url = p.url();
+  return url.startsWith("http://") || url.startsWith("https://");
+});
+const page = realPages[realPages.length - 1] || pages[pages.length - 1];
 
 if (!page) {
   console.error("No active tab found");
   process.exit(1);
 }
 
+console.error(`Connected to: ${page.url()}`);
+
 const formatTime = () => new Date().toISOString().split("T")[1].slice(0, 12);
 
-const typeColors = {
-  log: "\x1b[0m",      // default
-  info: "\x1b[36m",    // cyan
-  warn: "\x1b[33m",    // yellow
-  error: "\x1b[31m",   // red
-  debug: "\x1b[90m",   // gray
+const levelColors = {
+  verbose: "\x1b[90m",  // gray
+  info: "\x1b[36m",     // cyan
+  warning: "\x1b[33m",  // yellow
+  error: "\x1b[31m",    // red
 };
 const reset = "\x1b[0m";
 
+// Use CDP directly for Log domain (captures network errors, etc.)
+const cdp = await page.context().newCDPSession(page);
+await cdp.send("Log.enable");
+
+cdp.on("Log.entryAdded", ({ entry }) => {
+  const color = levelColors[entry.level] || levelColors.info;
+  const source = entry.source ? `[${entry.source}]` : "";
+  console.log(`${color}[${formatTime()}] [${entry.level.toUpperCase()}]${source} ${entry.text}${reset}`);
+  if (entry.url) {
+    console.log(`${color}    URL: ${entry.url}${reset}`);
+  }
+});
+
+// Also capture runtime exceptions
+await cdp.send("Runtime.enable");
+cdp.on("Runtime.exceptionThrown", ({ exceptionDetails }) => {
+  const text = exceptionDetails.exception?.description || exceptionDetails.text;
+  console.log(`\x1b[31m[${formatTime()}] [EXCEPTION] ${text}${reset}`);
+});
+
+// Capture network failures (ERR_BLOCKED_BY_CLIENT, etc.)
+await cdp.send("Network.enable");
+cdp.on("Network.loadingFailed", ({ requestId, errorText, blockedReason }) => {
+  const reason = blockedReason ? ` (${blockedReason})` : "";
+  console.log(`\x1b[31m[${formatTime()}] [NETWORK ERROR] ${errorText}${reason}${reset}`);
+});
+
+// Keep Playwright listeners for console.log() calls
 page.on("console", (msg) => {
   const type = msg.type();
-  const color = typeColors[type] || typeColors.log;
+  const color = levelColors[type] || levelColors.info;
   const text = msg.text();
-  console.log(`${color}[${formatTime()}] [${type.toUpperCase()}] ${text}${reset}`);
+  console.log(`${color}[${formatTime()}] [CONSOLE.${type.toUpperCase()}] ${text}${reset}`);
 });
 
 page.on("pageerror", (error) => {
   console.log(`\x1b[31m[${formatTime()}] [PAGE ERROR] ${error.message}${reset}`);
 });
 
+if (shouldReload) {
+  console.error("Reloading page...");
+  await page.reload();
+}
+
 console.error(`Listening for console output... (Ctrl+C to stop)`);
 
 if (durationMs) {

package/eval.js

@@ -4,13 +4,25 @@ import { chromium } from "playwright";
 
 const DEFAULT_PORT = process.env.DEBUG_PORT || 9222;
 
-const code = process.argv.slice(2).join(" ");
-if (!code) {
-  console.log("Usage: eval.js 'code'");
+const args = process.argv.slice(2);
+const showHelp = args.includes("--help") || args.includes("-h");
+const captureConsole = args.includes("--console");
+const durationArg = args.find((a) => a.startsWith("--duration="));
+const durationMs = durationArg ? parseInt(durationArg.split("=")[1]) * 1000 : 3000;
+
+// Get code (everything that's not a flag)
+const code = args.filter((a) => !a.startsWith("--")).join(" ");
+
+if (showHelp || !code) {
+  console.log("Usage: eval.js '<code>' [options]");
+  console.log("\nOptions:");
+  console.log("  --console        Capture console output during evaluation");
+  console.log("  --duration=N     With --console, capture for N seconds (default: 3)");
   console.log("\nExamples:");
   console.log('  eval.js "document.title"');
   console.log("  eval.js \"document.querySelectorAll('a').length\"");
-  process.exit(1);
+  console.log("  eval.js \"fetch('/api/data')\" --console");
+  process.exit(showHelp ? 0 : 1);
 }
 
 const browser = await chromium.connectOverCDP(`http://localhost:${DEFAULT_PORT}`);
@@ -23,13 +35,64 @@ if (!context) {
 }
 
 const pages = context.pages();
-const page = pages[pages.length - 1];
+// Filter out devtools pages and pick a real page
+const realPages = pages.filter(p => {
+  const url = p.url();
+  return url.startsWith("http://") || url.startsWith("https://");
+});
+const page = realPages[realPages.length - 1] || pages[pages.length - 1];
 
 if (!page) {
   console.error("No active tab found");
   process.exit(1);
 }
 
+// Set up console capture BEFORE evaluation
+if (captureConsole) {
+  const formatTime = () => new Date().toISOString().split("T")[1].slice(0, 12);
+  const levelColors = {
+    verbose: "\x1b[90m",
+    info: "\x1b[36m",
+    warning: "\x1b[33m",
+    error: "\x1b[31m",
+  };
+  const reset = "\x1b[0m";
+
+  const cdp = await page.context().newCDPSession(page);
+  await cdp.send("Log.enable");
+  await cdp.send("Runtime.enable");
+  await cdp.send("Network.enable");
+
+  cdp.on("Log.entryAdded", ({ entry }) => {
+    const color = levelColors[entry.level] || levelColors.info;
+    const source = entry.source ? `[${entry.source}]` : "";
+    console.log(`${color}[${formatTime()}] [${entry.level.toUpperCase()}]${source} ${entry.text}${reset}`);
+    if (entry.url) {
+      console.log(`${color}    URL: ${entry.url}${reset}`);
+    }
+  });
+
+  cdp.on("Runtime.exceptionThrown", ({ exceptionDetails }) => {
+    const text = exceptionDetails.exception?.description || exceptionDetails.text;
+    console.log(`\x1b[31m[${formatTime()}] [EXCEPTION] ${text}${reset}`);
+  });
+
+  cdp.on("Network.loadingFailed", ({ requestId, errorText, blockedReason }) => {
+    const reason = blockedReason ? ` (${blockedReason})` : "";
+    console.log(`\x1b[31m[${formatTime()}] [NETWORK ERROR] ${errorText}${reason}${reset}`);
+  });
+
+  page.on("console", (msg) => {
+    const type = msg.type();
+    const color = levelColors[type] || levelColors.info;
+    console.log(`${color}[${formatTime()}] [CONSOLE.${type.toUpperCase()}] ${msg.text()}${reset}`);
+  });
+
+  page.on("pageerror", (error) => {
+    console.log(`\x1b[31m[${formatTime()}] [PAGE ERROR] ${error.message}${reset}`);
+  });
+}
+
 let result;
 
 try {
@@ -44,6 +107,7 @@ try {
   process.exit(1);
 }
 
+// Print result
 if (Array.isArray(result)) {
   for (let i = 0; i < result.length; i++) {
     if (i > 0) console.log("");
@@ -59,4 +123,10 @@ if (Array.isArray(result)) {
   console.log(result);
 }
 
+// Wait for async console output
+if (captureConsole) {
+  console.error(`\nListening for ${durationMs / 1000}s...`);
+  await new Promise((r) => setTimeout(r, durationMs));
+}
+
 await browser.close();

package/insights.js

@@ -31,7 +31,12 @@ if (!context) {
 }
 
 const pages = context.pages();
-const page = pages[pages.length - 1];
+// Filter out devtools pages and pick a real page
+const realPages = pages.filter(p => {
+  const url = p.url();
+  return url.startsWith("http://") || url.startsWith("https://");
+});
+const page = realPages[realPages.length - 1] || pages[pages.length - 1];
 
 if (!page) {
   console.error("No active tab found");

package/nav.js

@@ -4,35 +4,106 @@ import { chromium } from "playwright";
 
 const DEFAULT_PORT = process.env.DEBUG_PORT || 9222;
 
-let url = process.argv[2];
-const newTab = process.argv[3] === "--new";
+const args = process.argv.slice(2);
+const showHelp = args.includes("--help") || args.includes("-h");
+const newTab = args.includes("--new");
+const captureConsole = args.includes("--console");
+const durationArg = args.find((a) => a.startsWith("--duration="));
+const durationMs = durationArg ? parseInt(durationArg.split("=")[1]) * 1000 : 5000;
 
-// Add protocol if missing
-if (url && !url.match(/^https?:\/\//i)) {
-  url = "https://" + url;
-}
+// Get URL (first arg that doesn't start with --)
+let url = args.find((a) => !a.startsWith("--"));
 
-if (!url) {
-  console.log("Usage: nav.js <url> [--new]");
+if (showHelp || !url) {
+  console.log("Usage: nav.js <url> [options]");
+  console.log("\nOptions:");
+  console.log("  --new            Open in new tab");
+  console.log("  --console        Capture console output during navigation");
+  console.log("  --duration=N     With --console, capture for N seconds (default: 5)");
   console.log("\nExamples:");
-  console.log("  nav.js example.com       # Navigate current tab");
-  console.log("  nav.js example.com --new # Open in new tab");
-  process.exit(1);
+  console.log("  nav.js example.com              # Navigate current tab");
+  console.log("  nav.js example.com --new        # Open in new tab");
+  console.log("  nav.js example.com --console    # Navigate and capture console");
+  process.exit(showHelp ? 0 : 1);
+}
+
+// Add protocol if missing
+if (!url.match(/^https?:\/\//i)) {
+  url = "https://" + url;
 }
 
 const browser = await chromium.connectOverCDP(`http://localhost:${DEFAULT_PORT}`);
 const contexts = browser.contexts();
 const context = contexts[0] || await browser.newContext();
 
+let page;
 if (newTab) {
-  const page = await context.newPage();
-  await page.goto(url, { waitUntil: "domcontentloaded" });
-  console.log("Opened:", url);
+  page = await context.newPage();
 } else {
   const pages = context.pages();
-  const page = pages[pages.length - 1] || await context.newPage();
-  await page.goto(url, { waitUntil: "domcontentloaded" });
-  console.log("Navigated to:", url);
+  const realPages = pages.filter(p => {
+    const u = p.url();
+    return u.startsWith("http://") || u.startsWith("https://") || u === "about:blank";
+  });
+  page = realPages[realPages.length - 1] || pages[pages.length - 1] || await context.newPage();
+}
+
+// Set up console capture BEFORE navigation
+if (captureConsole) {
+  const formatTime = () => new Date().toISOString().split("T")[1].slice(0, 12);
+  const levelColors = {
+    verbose: "\x1b[90m",
+    info: "\x1b[36m",
+    warning: "\x1b[33m",
+    error: "\x1b[31m",
+  };
+  const reset = "\x1b[0m";
+
+  const cdp = await page.context().newCDPSession(page);
+  await cdp.send("Log.enable");
+  await cdp.send("Runtime.enable");
+  await cdp.send("Network.enable");
+
+  cdp.on("Log.entryAdded", ({ entry }) => {
+    const color = levelColors[entry.level] || levelColors.info;
+    const source = entry.source ? `[${entry.source}]` : "";
+    console.log(`${color}[${formatTime()}] [${entry.level.toUpperCase()}]${source} ${entry.text}${reset}`);
+    if (entry.url) {
+      console.log(`${color}    URL: ${entry.url}${reset}`);
+    }
+  });
+
+  cdp.on("Runtime.exceptionThrown", ({ exceptionDetails }) => {
+    const text = exceptionDetails.exception?.description || exceptionDetails.text;
+    console.log(`\x1b[31m[${formatTime()}] [EXCEPTION] ${text}${reset}`);
+  });
+
+  cdp.on("Network.loadingFailed", ({ requestId, errorText, blockedReason }) => {
+    const reason = blockedReason ? ` (${blockedReason})` : "";
+    console.log(`\x1b[31m[${formatTime()}] [NETWORK ERROR] ${errorText}${reason}${reset}`);
+  });
+
+  page.on("console", (msg) => {
+    const type = msg.type();
+    const color = levelColors[type] || levelColors.info;
+    console.log(`${color}[${formatTime()}] [CONSOLE.${type.toUpperCase()}] ${msg.text()}${reset}`);
+  });
+
+  page.on("pageerror", (error) => {
+    console.log(`\x1b[31m[${formatTime()}] [PAGE ERROR] ${error.message}${reset}`);
+  });
+
+  console.error(`Navigating to ${url} (capturing console for ${durationMs / 1000}s)...`);
+}
+
+await page.goto(url, { waitUntil: "domcontentloaded" });
+
+if (captureConsole) {
+  console.error(`Loaded: ${url}`);
+  await new Promise((r) => setTimeout(r, durationMs));
+  console.error("Done.");
+} else {
+  console.log(newTab ? "Opened:" : "Navigated to:", url);
 }
 
 await browser.close();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-cdp",
-  "version": "0.3.0",
+  "version": "0.5.1",
   "description": "Browser automation via Chrome DevTools Protocol - control Chrome, Brave, Edge with real browser profiles",
   "type": "module",
   "bin": {
@@ -33,6 +33,7 @@
     "url": "https://github.com/dpaluy/browser-cdp/issues"
   },
   "dependencies": {
+    "lighthouse": "^13.0.1",
     "playwright": "^1.49.0"
   },
   "keywords": [

package/pick.js

@@ -22,7 +22,12 @@ if (!context) {
 }
 
 const pages = context.pages();
-const page = pages[pages.length - 1];
+// Filter out devtools pages and pick a real page
+const realPages = pages.filter(p => {
+  const url = p.url();
+  return url.startsWith("http://") || url.startsWith("https://");
+});
+const page = realPages[realPages.length - 1] || pages[pages.length - 1];
 
 if (!page) {
   console.error("No active tab found");

package/screenshot.js

@@ -16,7 +16,12 @@ if (!context) {
 }
 
 const pages = context.pages();
-const page = pages[pages.length - 1];
+// Filter out devtools pages and pick a real page
+const realPages = pages.filter(p => {
+  const url = p.url();
+  return url.startsWith("http://") || url.startsWith("https://");
+});
+const page = realPages[realPages.length - 1] || pages[pages.length - 1];
 
 if (!page) {
   console.error("No active tab found");

package/start.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 import { spawn, execFileSync } from "node:child_process";
-import { existsSync } from "node:fs";
+import { existsSync, readFileSync } from "node:fs";
 import { platform } from "node:os";
 import { chromium } from "playwright";
 
@@ -44,24 +44,53 @@ const BROWSERS = {
 
 const DEFAULT_PORT = 9222;
 
+// Resolve profile name to directory (supports both "Profile 1" and "Suppli" style names)
+function resolveProfileDir(profileSource, profileName) {
+  // If it looks like a directory name already, use it
+  if (profileName === "Default" || profileName.startsWith("Profile ")) {
+    return profileName;
+  }
+
+  // Try to find profile by name in Local State
+  if (profileSource) {
+    try {
+      const localStatePath = `${profileSource}Local State`;
+      const localState = JSON.parse(readFileSync(localStatePath, "utf8"));
+      const profiles = localState.profile?.info_cache || {};
+
+      for (const [dir, info] of Object.entries(profiles)) {
+        if (info.name?.toLowerCase() === profileName.toLowerCase()) {
+          return dir;
+        }
+      }
+    } catch {
+      // Fall through to return original name
+    }
+  }
+
+  return profileName;
+}
+
 function printUsage() {
-  console.log("Usage: start.js [browser] [--isolated] [--port=PORT]");
+  console.log("Usage: start.js [browser] [--profile=NAME] [--isolated] [--port=PORT]");
   console.log("\nBrowsers:");
   console.log("  chrome  - Google Chrome (default)");
   console.log("  brave   - Brave Browser");
   console.log("  edge    - Microsoft Edge");
   console.log("\nOptions:");
-  console.log("  --isolated  Use isolated profile (default: real profile)");
-  console.log("  --port=N    Use custom debugging port (default: 9222)");
+  console.log("  --profile=NAME  Use specific profile by name or directory");
+  console.log("  --isolated      Use isolated profile (default: real profile)");
+  console.log("  --port=N        Use custom debugging port (default: 9222)");
   console.log("\nEnvironment variables:");
   console.log("  BROWSER       Default browser (chrome, brave, edge)");
   console.log("  BROWSER_PATH  Custom browser executable path");
   console.log("  DEBUG_PORT    Custom debugging port");
   console.log("\nExamples:");
-  console.log("  start.js                    # Start Chrome with real profile");
-  console.log("  start.js brave              # Start Brave with real profile");
-  console.log("  start.js edge --isolated    # Start Edge with isolated profile");
-  console.log("  start.js --port=9333        # Start Chrome on port 9333");
+  console.log("  start.js                           # Start Chrome with default profile");
+  console.log("  start.js brave                     # Start Brave with default profile");
+  console.log("  start.js brave --profile=Work      # Start Brave with 'Work' profile");
+  console.log("  start.js edge --isolated           # Start Edge with isolated profile");
+  console.log("  start.js --port=9333               # Start Chrome on port 9333");
   process.exit(1);
 }
 
@@ -69,6 +98,7 @@ function printUsage() {
 const args = process.argv.slice(2);
 let browserName = process.env.BROWSER || "chrome";
 let isolated = false;
+let profile = null;
 let port = parseInt(process.env.DEBUG_PORT) || DEFAULT_PORT;
 
 for (const arg of args) {
@@ -76,6 +106,8 @@ for (const arg of args) {
     printUsage();
   } else if (arg === "--isolated") {
     isolated = true;
+  } else if (arg.startsWith("--profile=")) {
+    profile = arg.split("=")[1];
   } else if (arg.startsWith("--port=")) {
     port = parseInt(arg.split("=")[1]);
   } else if (BROWSERS[arg]) {
@@ -155,7 +187,11 @@ if (!isolated && browserConfig.process) {
 }
 
 // Build browser arguments
-const browserArgs = [`--remote-debugging-port=${port}`];
+const browserArgs = [
+  `--remote-debugging-port=${port}`,
+  // Required for Lighthouse/CDP debugger access (prevents bfcache blocking)
+  "--disable-features=ProcessPerSiteUpToMainFrameThreshold",
+];
 
 if (isolated) {
   const cacheBase = isMac
@@ -164,10 +200,15 @@ if (isolated) {
   const profileDir = `${cacheBase}/browser-cdp/${browserName}`;
   execFileSync("mkdir", ["-p", profileDir], { stdio: "ignore" });
   browserArgs.push(`--user-data-dir=${profileDir}`);
+} else if (profile) {
+  // Resolve profile name to directory if needed
+  const profileDir = resolveProfileDir(browserConfig.profileSource, profile);
+  browserArgs.push(`--profile-directory=${profileDir}`);
 }
 
 // Start browser
-console.log(`Starting ${browserConfig.name} on port ${port}${isolated ? " (isolated)" : ""}...`);
+const profileInfo = isolated ? " (isolated)" : profile ? ` (${profile})` : "";
+console.log(`Starting ${browserConfig.name} on port ${port}${profileInfo}...`);
 
 spawn(browserPath, browserArgs, {
   detached: true,
@@ -192,4 +233,4 @@ if (!connected) {
   process.exit(1);
 }
 
-console.log(`${browserConfig.name} started on :${port}${isolated ? " (isolated)" : ""}`);
+console.log(`${browserConfig.name} started on :${port}${profileInfo}`);