You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何默认以深色模式启动playwright test --ui?

默认以深色模式启动Playwright Test UI的方法

目前Playwright CLI没有直接提供命令行参数来强制UI默认以深色模式启动,但可以通过以下两种方式实现:

  • 方法一:利用本地存储记忆(简单快捷)
    手动打开一次playwright test --ui,点击左上角的主题切换图标切换到深色模式。之后Playwright UI会通过浏览器的localStorage记住这个设置,每次启动都会自动使用深色模式。

  • 方法二:自定义脚本强制深色(适合需要强制默认的场景)
    如果需要不管之前的设置,每次启动都强制深色模式,可以写一个简单的Node.js脚本,先启动UI服务,再自动设置深色主题:

    1. 创建一个名为start-ui-dark.js的文件,内容如下:
    const { chromium } = require('playwright');
    const { spawn } = require('child_process');
    
    // 指定UI端口启动Playwright UI
    const uiProcess = spawn('npx', ['playwright', 'test', '--ui', '--port', '8080'], { stdio: 'inherit' });
    
    // 等待服务启动后设置深色主题
    setTimeout(async () => {
      const browser = await chromium.launch({ headless: false });
      const context = await browser.newContext();
      const page = await context.newPage();
      await page.goto('http://localhost:8080');
      
      // 写入深色主题配置到localStorage
      await page.evaluate(() => {
        localStorage.setItem('playwright-ui-theme', 'dark');
      });
      
      // 刷新页面生效,之后关闭临时浏览器实例
      await page.reload();
      setTimeout(() => browser.close(), 1000);
    }, 3000);
    
    1. 在终端运行这个脚本:
    node start-ui-dark.js
    

    这个脚本会自动启动Playwright UI并切换到深色模式,无需手动操作。

内容的提问来源于stack exchange,提问作者Paascuuu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.25 00:05:13