如何禁止浏览器启动时打开开发者工具？Playwright能否关闭自动打开的DevTools？

运行Playwright测试时DevTools自动弹出，通常是因为启动浏览器时配置了devtools: true，只需修改启动选项就能关闭：

JavaScript/TypeScript 写法 #

直接启动浏览器 #

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch({
    devtools: false, // 关键配置：关闭DevTools自动打开
    headless: false // 如需可视化浏览器保持false，不需要可设为true
  });
  const page = await browser.newPage();
  // 你的测试代码
  await browser.close();
})();

Playwright Test 框架配置（修改playwright.config.js） #

module.exports = {
  use: {
    browserName: 'chromium',
    launchOptions: {
      devtools: false, // 关闭DevTools自动打开
    },
  },
};

Python 写法 #

直接启动浏览器 #

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(
        devtools=False, # 关闭DevTools
        headless=False
    )
    page = browser.new_page()
    # 你的测试代码
    browser.close()

Java 写法 #

import com.microsoft.playwright.*;

public class Example {
  public static void main(String[] args) {
    try (Playwright playwright = Playwright.create()) {
      Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions()
        .setDevtools(false) // 关闭DevTools
        .setHeadless(false));
      Page page = browser.newPage();
      // 你的测试代码
      browser.close();
    }
  }
}

C# 写法 #

using Microsoft.Playwright;

class Program
{
    public static async Task Main()
    {
        using var playwright = await Playwright.CreateAsync();
        await using var browser = await playwright.Chromium.LaunchAsync(new BrowserTypeLaunchOptions
        {
            Devtools = false, // 关闭DevTools
            Headless = false
        });
        var page = await browser.NewPageAsync();
        // 你的测试代码
        await browser.CloseAsync();
    }
}

额外说明：

• 如果不需要可视化浏览器，直接把headless设为true，无头模式下DevTools不会自动打开
• 检查你的代码或配置文件，确保没有误设devtools: true

内容的提问来源于stack exchange，提问作者canbax