如何在wsl2环境下给claude code cli 配置 playwright-mcp

news/2026/1/19 20:37:14/文章来源:https://www.cnblogs.com/imust2008/p/19503645

前期准备:安装wsl和nodejs

安装Playwright包

  1. wsl内全局安装Playwright包(只需执行一次)
npm install -g playwright
  1. 安装浏览器
npx playwright install
或指定浏览器
npx playwright install chromium firefox chrome
  1. 检查全局安装的Playwright版本
playwright --version
  1. 尝试运行一个简单页面(测试浏览器)
npx playwright open 163.com

配置 playwright MCP

针对特定项目

# 进入项目目录
cd to/path/demo# 添加mcp(运行结果是修改 ~/claude.json ,添加mcpServers一节内容)
claude mcp add playwright npx @playwright/mcp@latest# 启动
claude

测试提示词:使用 playwright mcp 打开 163.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/1184965.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2026 年 1 月纸箱厂家推荐排行榜,瓦楞纸箱/彩色纸箱/白卡纸箱/重型纸箱/快递纸箱/蜂窝纸箱/家电包装箱,创意定制与坚固防护优选指南 - 企业推荐官【官方】

2026 年 1 月纸箱厂家推荐排行榜:瓦楞纸箱/彩色纸箱/白卡纸箱/重型纸箱/快递纸箱/蜂窝纸箱/家电包装箱,创意定制与坚固防护优选指南 在现代工业与商业物流体系中,纸箱包装已远非简单的容器,而是集产品防护、品牌展…

基于串行并行ADMM算法的主从配电网分布式优化控制研究Matlab代码

✅作者简介:热爱数据处理、建模、算法设计的Matlab仿真开发者。🍎更多Matlab代码及仿真咨询内容点击 🔗:Matlab科研工作室🍊个人信条:格物致知。🔥 内容介绍在综合能源网框架下电力系统与天然气…

使用 AI 编程工具的一点实践体会:为什么要减少对话轮次、一次把需求说清楚

在使用 Cursor、ChatGPT 等 AI 编程工具的过程中,我逐渐意识到: 相比多轮对话不断修补需求,用更少的对话轮次一次性描述清楚核心需求, 反而更容易得到符合预期的实现。 本文结合实际使用经验,分析了对话轮次过多导…

基于分时电价和蓄电池控制策略用电优化研究Matlab代码

✅作者简介:热爱数据处理、建模、算法设计的Matlab仿真开发者。🍎更多Matlab代码及仿真咨询内容点击 🔗:Matlab科研工作室🍊个人信条:格物致知。🔥 内容介绍家庭中能源的消耗率随着大量用电设备…

三年价格对比:云端未来YDWLCloud带你分析谁最稳定?

在全球云计算市场竞争日趋激烈的今天,各大云服务提供商的价格策略时常变动,给企业预算规划带来不小挑战。我们追踪了亚马逊AWS、微软Azure、谷歌云平台(GCP)和华为云国际版在过去三年的核心服务价格变化,发现了一个值得关注的现象&#xff1a…

【3DMAX科研绘图】如何使用tyFlow粒子模拟插件创建涡轮样条线网格对象?

大家好,欢迎来到本期《3DMAX科研绘图》教程。你是否曾希望能在3D场景中创造出动态、优雅且结构复杂的流动轨迹,例如涡轮机械的流线、生物分子的运动路径,或是某种抽象的数据可视化形态?传统的建模方法对此往往力不从心。今天&…

2026 年 1 月托盘厂家推荐排行榜,木托盘,免熏蒸托盘,出口托盘,熏蒸托盘,坚固耐用与高效物流解决方案供应商精选 - 企业推荐官【官方】

2026年1月托盘厂家推荐排行榜:坚固耐用与高效物流解决方案供应商精选 在现代供应链与物流体系中,托盘作为基础的单元化载具,其重要性不言而喻。它不仅是货物仓储、运输和搬运的基石,更直接关系到物流效率、成本控制…

视频会议国产化核心技术架构与技术特性解析

视频会议国产化核心技术架构与技术特性解析 在数字化协同与信息安全需求双重驱动下,视频会议国产化已从政策导向转向技术落地,其核心价值集中体现在自主可控、安全可靠、全场景适配三大维度。通过硬件根基、编解码技术、传输优化、安全防护及生态兼容的全…

2026年1月餐饮设计策划公司推荐榜单:酒店餐饮/中高端餐厅/滇菜餐厅/新疆菜餐厅/餐饮品牌策划/IP策划/餐饮空间设计/改造/火锅店设计,创意赋能与商业价值深度解析 - 企业推荐官【官方】

2026年1月餐饮设计策划公司推荐榜单:酒店餐饮/中高端餐厅/滇菜餐厅/新疆菜餐厅/餐饮品牌策划/IP策划/餐饮空间设计/改造/火锅店设计,创意赋能与商业价值深度解析 在餐饮行业日益内卷、消费者需求持续迭代的今天,一个…

提示工程架构师总结:优化提示生成算法的7个底层逻辑

提示工程架构师总结:优化提示生成算法的7个底层逻辑 一、引言:为什么你的提示总“差一口气”? 你有没有过这样的经历? 用GPT-4写营销文案,别人的输出是“让用户看完就想下单”的共情力文本,而你的结果却像“…

CSS动画技巧:让网页动起来

使用CSS关键帧动画(keyframes)通过keyframes定义动画序列,结合animation属性实现动态效果。例如创建一个元素从左向右移动的动画:keyframes slideRight {from { transform: translateX(0); }to { transform: translateX(100px); }…

考虑不确定性的含集群电动汽车微电网随机优化调度Matlab代码

✅作者简介:热爱数据处理、建模、算法设计的Matlab仿真开发者。🍎更多Matlab代码及仿真咨询内容点击 🔗:Matlab科研工作室🍊个人信条:格物致知。🔥 内容介绍本研究聚焦于并网型微电网的优化调度…

Python NLP 从文本处理到实战应用

自然语言处理(NLP)是人工智能的核心方向之一,旨在让计算机理解、处理人类语言。无论是智能客服、文本分类、机器翻译,还是舆情分析、情感判断,背后都离不开 NLP 技术。本文从零基础出发,用 Python 手把手教你掌握…

实时低代码协作系统构建:破局协同壁垒的实践路径

在跨部门协作日益频繁的数字化时代,“信息滞后”“工作撞车”“数据割裂”成为制约企业效率的核心壁垒。传统协作模式依赖线下沟通与异步工具,难以适配快速迭代的业务需求;而全代码开发的协作系统则面临周期长、成本高、迭代慢的困境。实时低…

Canvas粒子动画:打造炫酷鼠标追踪效果

粒子动画效果使用Canvas创建粒子动画效果,粒子会跟随鼠标移动或形成特定图案。以下代码实现了一个基础的粒子系统:const canvas document.getElementById(particleCanvas); const ctx canvas.getContext(2d); canvas.width window.innerWidth; canvas…

SSM学生综合考评系统b8vlm(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面

系统程序文件列表系统项目功能:学生,课程成绩,德育分数,素质扩展分数,综合测评成绩,奖学金信息,奖学金类型,奖学金评定信息,奖学金公示信息,举报信息,申诉信息,学生互评SSM学生综合考评系统开题报告一、课题研究背景与意义(一)研究背景在高校…

PHP8.4重磅更新:性能飙升新特性

PHP 8.4 的新特性PHP 8.4 预计于 2024 年 11 月发布,目前处于开发阶段。以下是已公布或计划中的主要更新内容:JIT 改进 PHP 8.4 将进一步优化 JIT(Just-In-Time)编译器,提升性能表现。新的优化策略将针对特定代码模式进…

SSM学生综合素质评价系统wy345(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面

系统程序文件列表系统项目功能:学生,家长,教师,学生活动,学生成绩,综合成绩,异议申报,学生品德,家长留言,学生留言SSM学生综合素质评价系统开题报告一、课题研究背景与意义(一)研究背景当前高校及中小学的学生评价体系正从单一成绩导向转向综…

低代码编程软件选型指南:适配业务需求的决策方案

在数字化转型提速的背景下,企业对应用开发的效率与灵活性需求日益迫切。低代码编程软件凭借可视化开发、快速迭代的核心优势,成为破解传统开发周期长、技术门槛高、成本高昂等痛点的关键路径。然而,市场上低代码产品品类繁杂,功能…

Substance Painter 纹理烘焙:法线贴图与 AO 贴图制作指南

在次世代PBR纹理工作流中,Substance Painter(SP)的法线贴图与AO贴图烘焙是提升模型质感的核心步骤。法线贴图能让低模呈现高模的凹凸细节,AO贴图可模拟缝隙阴影增强层次感,二者结合是实现逼真视觉效果的关键。本文将拆…