014：Playwright MCP 实现自动表单填写 | 二师兄的博客

type

status

date

slug

summary

Playwright MCP（Model Context Protocol）是一个提供浏览器自动化能力的服务器，基于 Playwright 技术构建。这个服务器使大型语言模型（LLM）能够通过结构化的可访问性快照与网页交互，无需依赖截图或视觉调整的模型。

MCP 配置

Playwright MCP 会使用新的配置文件启动 Chrome 浏览器，位置在：

所有登录信息都会存储在该配置文件中，如需清除离线状态，可以在会话之间删除它。

适用于后台或批处理操作：

需要通过端口启用 SSE 传输：

然后在 MCP 客户端配置中设置 SSE 端点：

Playwright MCP 提供两种模式：

使用可访问性快照，提供更好的性能和可靠性。

使用截图进行基于视觉的交互，通过添加 --vision 标志启用：

视觉模式最适合能够基于提供的截图使用 X-Y 坐标空间与元素交互的计算机使用模型。

工具名称	描述	参数
browser_navigate	导航到 URL	url (string): 要导航到的 URL
browser_go_back	返回上一页	无
browser_go_forward	前进到下一页	无
browser_click	在网页上执行点击	element (string): 人类可读的元素描述<br>ref (string): 页面快照中的精确目标元素引用
browser_hover	悬停在页面元素上	element (string): 人类可读的元素描述<br>ref (string): 页面快照中的精确目标元素引用
browser_drag	执行两个元素之间的拖放	startElement, startRef, endElement, endRef
browser_type	在可编辑元素中输入文本	element, ref, text (string): 要输入的文本<br>submit (boolean): 是否提交输入的文本
browser_select_option	在下拉菜单中选择选项	element, ref, values (array): 要在下拉菜单中选择的值数组
browser_choose_file	选择一个或多个要上传的文件	paths (array): 要上传的文件的绝对路径
browser_press_key	按下键盘上的键	key (string): 要按下的键名或要生成的字符
browser_snapshot	捕获当前页面的可访问性快照	无
browser_save_as_pdf	将页面保存为 PDF	无
browser_take_screenshot	捕获页面截图	raw (string): 可选返回无损 PNG 截图，默认为 JPEG
browser_wait	等待指定的时间	time (number): 等待的秒数（上限为 10 秒）
browser_close	关闭页面	无