如何指定Playwright UI Mode窗口的位置与尺寸？

问题原因 #

你当前的launchOptions配置仅对非UI模式的浏览器实例生效，Playwright UI Mode在启动时会单独处理浏览器参数，默认不会继承该配置。

解决方案 #

方法1：通过启动命令添加参数 #

在启动UI Mode时，直接在命令行追加浏览器启动参数：

playwright test --ui --launch-options='{"args":["--window-size=1800,900","--window-position=-1920,0"]}'

• 若为Windows系统，需调整引号格式：

playwright test --ui --launch-options="{\"args\":[\"--window-size=1800,900\",\"--window-position=-1920,0\"]}"

• 如果你在IntelliJ中用npm脚本启动，可修改package.json的scripts字段：

{
  "scripts": {
    "test:ui": "playwright test --ui --launch-options='{\"args\":[\"--window-size=1800,900\",\"--window-position=-1920,0\"]}'"
  }
}

方法2：修改IntelliJ运行配置 #

1. 打开IntelliJ的Run/Debug Configurations（右上角运行按钮旁下拉菜单 → Edit Configurations）
2. 找到你用于启动Playwright UI的配置（通常是npm类型，对应test:ui脚本）
3. 在Parameters字段中添加：

--launch-options='{"args":["--window-size=1800,900","--window-position=-1920,0"]}'

4. 保存配置后重新启动UI Mode即可生效

补充说明 #

• --window-position=-1920,0 假设副屏位于主屏左侧、分辨率1920×1080，若副屏位置不同，需调整参数（比如右侧屏用1920,0）
• Firefox、Edge等主流浏览器均支持--window-size和--window-position参数

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