[教程]如何让AI通过playwrightMCP更安全可控的操控登录状态页面

—user-data-dir#

使用这个参数指向一个文件夹后，AI调用playwright会开启一个独立的浏览器页面，在这个页面进行的登录、退出等信息都会保存在指定文件夹，且这些数据是运行时持续回写的

使用命令提前生成内容：

1
npx playwright open --channel msedge --user-data-dir=F:\playwright-profile https://www.4399.com/

—storage-state#

使用这个参数指向一个JSON文件，同样会开启一个独立的页面，登录信息从这个 JSON 文件读入

与--user-data-dir不同的是：

• 要搭配--isolated参数使用，这个参数会让配置文件保留在内存中，不保存到磁盘。也就是说仅在开启阶段读入JSON文件，之后的操作都在内存里面，用完即丢不回写
• 需要提前生成好JSON文件，因为只在运行时读取一次

使用命令提前生成内容：

1
npx playwright open --channel msedge --save-storage=F:\playwright-profile\auth.json https://www.4399.com/

二者的区别#

怎么选？#

日常用 --user-data-dir，自动续期，不用维护 JSON，IndexedDB 也带着，登一次能用很久，代价是它会攒缓存和历史，状态不可复现

需要可复现的自动化任务上 --storage-state和 --isolated。每次从同一个已知状态开始，跑完什么也不留，出问题好复现，代价是那份 JSON 不会续期，到期需要重新导出

完整配置示例#

1
{
2
  "type": "stdio",
3
  "command": "npx",
4
  "args": [
5
    "@playwright/mcp@latest",
6
    "--browser",
7
    "msedge",
8
    "--user-data-dir",
9
    "F:\\playwright-profile"
10
  ]
11
}

1
{
2
  "type": "stdio",
3
  "command": "npx",
4
  "args": [
5
    "@playwright/mcp@latest",
6
    "--browser",
7
    "msedge",
8
    "--isolated",
9
    "--storage-state",
10
    "F:\\playwright-profile\\auth.json"
11
  ]
12
}