playwrightcli高级操作技巧

大家好，让我来向你介绍一下 playrite c l i 是 什么。它是 playrite 家族中的一款新工具。在本视频中，我们将讨论 playrite c l i 是 什么，并将它与 m c p 进行对比，展示一些演示，讲解令牌效率和一些功能。 希望你能更清楚地了解未来应该使用哪一个。让我先从演示开始。这次 playrite c l i 功能的一个演示，我现在在一个空文件夹 demo c l i 里开始操作。 接下来我要全局安装 playrite c l i， 这意味着它将在所有位置都可用。我做的第一件事是初设化我的工作区。我输入 playrite c l i install， 这会创建一个名为 playrite 的 空文件夹。就是这样，我们用这个方法来区分你词盘上的不同工作区。 每个工作区都会有自己要使用的一套浏览器。关于这一点，我们稍后会详细介绍，但我还想在这个工作区里安装一些技能。我输入 install skills， 他 会在我的工作区安装一堆 cloud 技能。当我启动 cloud 并给他分配一个任务， 我要让它打开 playwrite dev。 这是一个网页，搜索 locators 这个词，并检查每种语言的文档是否都可用。这里所说的语言是指它支持 javascript， python， java 和 dapplet。 我 还让它为每种语言的文档都截一张屏。 那么让我们看看它是怎么做的。我们现在看到的是一个十六倍速的延时画面，展示了刚才发生的过程。刚才发生的事情其实就是 cloud 在 用 c l i 工具和浏览器进行对话，让我们看看结果出来了没有。 我们来看一下上下文，这样可以看到我们已经消耗了多少 tokens， 但我们不会在这里停留太久。接下来我们将用 mcp 版本来完成同样的任务。让我开始吧。 cloud 这里 我看到 mcp 服务器已经安装， play red mcp 也已经安装，这个文件夹里没有安装任何技能，所以我接下来要做的就是给他分配完全相同的任务。 同样，第十六倍速快进任务完成了，我们也来打开这里的上下文统计，看看我们消耗了多少 tokens。 好 的，所以我们在这里看到的是我们总共用了十一万四千个 tokens， 对 于这个操作来说，这个消耗是相当高的。我们来和 cli 的 结果对比一下， c r i 只用了二万六千八百个 tokens， 所以 我们在演示中看到 m c p 消耗了更多的上下文。但这是为什么呢？让我们深入探究一下，这就是 m c p 所做的事情。所以我们来看看这两个雕用。首先，它尝试导航到一个页面， 而 playrite dev 是 一个 docker source 页面，这个页面相当大，内容很多，有很多 dom 控件，脚本等等。 尽管 playwrite msp 在 指传递可访问性快照给 llm 方面非常高效，但他仍然回复了全部内容。这些内容都进入了上下文窗口， 我们可以看到这个结果已经超过了最大临牌数。最后他截取了一张屏幕截图，但当 mcp 截屏时，是 llm 要求他这么做的，所以我们把所有这些字节都回复给了 llm 本身。同样，图片的 token 也进入了上下文。 而在这种情况下，这并不是我们的目标，我们想要的只是截取一张屏幕截图并保存在此盘上。让我们来对比一下 c r i 的 做法。 c r i 说我想去一个位置，然后他甚至没有补获快照，也没有从此盘读取由这次调用生成的快照文件，而是直接截取了屏幕并保存了这个文件。结果，他保存了上下文，这些 tokens 都没有进入上下文。因为 l m 实际上并不需要他们， 所以 c i 的 做法是，他会把所有输出的数据都保存到文件中，然后你的编码代理会决定是否需要将这些数据发送给 l l m。 我 们来谈谈功能。我们已经看到了 m c p 是 如何工作的，但你会发现 m c p 只用了几十个命令。这并不是因为 我们并不是没有这些命令。我们确实有这些命令。事实上，所有 c l i 的 功能在 m c p 中也都可以使用，只是我们默认没有起用它们，因为它们会消耗上下文。另一方面，在 c l i 上我们没有这种限制，所以我们可以开放所有这些命令，甚至更多。好了，我们已经看过了 token 的 使用情况，也讨论了功能。 那看起来这似乎是显而易见的选择，应该使用 c l i， 对 吧？好吧，让我们稍微聊聊这个问题。 c l i 是 一款新工具，当它作为编码代理的一部分使用时，它的优势就会体现出来。 而编码代理可以是你的云端代码 github compile， 或者任何能够编辑文件访问你的工作区的代理。在这种场景下，我们可以非常高效。 你可以捕捉这些快照，并将它们保存到词盘上。将这些截图保存到词盘上，然后让编码代理决定是要完整读取它们，还是要将全部内容发送给 l l m。 这样一来就能实现偷看的高效利用。所以， c l i 需要配合编码代理才能高效运行。除此之外，它是基于技能的， 你可以将关于 playwrite 和你的场景的知识添加到这些技能中，因此它可以与其他基于技能的工具互操作。它默认也是无头模式，因为我们假设你会在编码代理中运行许多后台代理。另一方面， mcp 可以 与任何通用代理合作， 它是一个严格的标准工具，知道该期待什么，如何调用这些 mcp 工具以及结果会是什么。但在这种情况下，一切都掌握在 lm 手中， 因此所有的回复很可能都会返回到 l o m， 并且有可能会使其上下文超载。你在 m c p 中仍然可以拥有多个浏览器，这没有问题。而且 m c p 的 效率实际上是可以配置的。你可以允许或禁止这些工具，并根据需要进行选择。 在这方面，他稍微需要更多手动操作。此外，从历史上看， m c p 默认是被添加的。所以总结一下，如果你在使用编码代理，如果你的任务是编码测试，你再用 close gitop compile， 你 可能更想用 c r i。 另一方面， 如果你正在创建一个能够执行特定任务的代理循环，用于你的场景， m c p 依然是首选，大致就是这些内容。祝你测试顺利。

不知道你是否还记得，在前几期的视频中，我们介绍了元素定位策略、页面交互操作以及文件操作方法，当时主要分享快速掌握这些基础用法。而本期视频我们将在此基础上更进一步， 和大家聊聊如何实现一个基础的页面。对相机类，简单来说就是对 playwrite 的 常用方法进行一层封装，便于在项目中重复调用，避免重复造轮子，且自动化测试。最烦什么重复代码？今天咱们就来打造一个一劳永逸的 base 配置机类， 把所有高频操作都封装进去了。想去哪个页面？ navigate 直接带走，想让页面等等。 wait for page load 伺候，想找元素 wait for element， 稳如老狗，点击 填充状态检查单选、复选，甚至连鼠标、键盘、文件上传、截图、拖页这些骚操作全都安排得明明白白。以后写 page object 直接继承这个积累， 一行代码就能吊起所有方法，代码简洁到没朋友，这才是该有的偷懒姿势，立马行动起来，带你手把手实现！

今天给大家讲一下 k z 中的高级技巧之一， c 接。首先我们把 c 接的操作步骤拆分为四个部分，一、 l 接弧线助跑。二、小跳。 三、小跳落地以后和大跳的衔接。四、起跳以后的空中加速。 我们现在讲第一点， lg 助跑。以这种常规的板子为例，我们 cd 走地速呢，要站在这个边缘走，当然不是这样走啊，而是斜着走，往这，往这里面走，因为他小时候的时候， 他需要一段空间来用来小跳，所以我们要往上走，然后走到这里的时候就小跳刚好可以小跳可以走，走过这段距离，看我演示啊， perfect 对不对？因为他要给小跳留一点距离走上来，这样弧线走上来差不多这个距离的时候，就小跳刚好可以踩到边缘起跳。 第二点，小跳，这也是本期视频的重点，也是社交的灵魂，要搞懂这个，我们现在弄清楚加速的原理是什么。 首先注意我屏幕中间准心靠下方的字，这是我，这是显示我速度的数字。在地面上走起来达到二五零就停了，因为手枪正常走路最高就是二五零。我们现在做个试验，假如我我们起跳，但是不进行任何操作，没有意外， 地面二五零起跳，起跳以后，因为惯性在空中也是二五零。我们再来尝试 起跳以后，指晃鼠标不按键盘呢，依旧还是二五零。那如果这时候我们在空中旋转呢？比如右旋起跳以后，松开 w， 同时按住 d 鼠标右拐， 我们可以看到速度，速度增加了，左旋也是如此，所以我们可以得到一个结论，旋转等于加速， 我们再回到 cj， 这下我们就知道了 cj 增加地数的原理就是利用小跳短暂腾空的时候快速旋转加速。 明白这个原理以后，就可以解决很多人的一些疑惑，为什么我小跳以后反而还减速了呢？因为小跳腾空的时间是很短暂的，我们要用旋转覆盖整个小跳过程，但是旋转又需要松开 w 进行， 所以正确设计正确的操作方法就是 l 接住跑完松开 w 以后同时进行小跳和旋转鼠标。 第三，小跳落地和大跳的衔接。这一部分的操作时间很短暂， 但是很关键，起到了一个承上启下的作用，决定了你能不能把第二个步骤加起来的速度完美的传递过来，如果你起跳晚了或者起跳早了，都会损失速度， 这个跟连跳的原理差不多，必须要 fog 一起跳才能没有损失的传递你落地时的速度。我们可以利用插件来看你自己是是不是 foe fog 一起跳的，比如说我们可以在地面上尝试小跳起跳，如果是绿色的指 fog， 他就是没 没问题，如果是黄色的纸就是 f g 二，说明你小跳以后起跳晚了， 如果 fog 三就更晚了， fog 四红色就更晚了。所以说我们可以在这个插件有插件的服务器里面进行尝试小跳起跳，如果是绿色的字，那么以后你就用这个速度来操作你的 cj 就是没有问题的。 第四就是起跳以后的空中加速了，这个就不用多讲了，值得注意的是， c 键的加速和 l 键的加速是有区别的， 我相信很多人就都有过这样的疑惑，为什么同样的地速下，我 c 阶比 l 界要跳的更远？然后就有人怀疑是不是 c 阶比 l 界跳的更高？其实并不是的， 射箭的跳跃高度和 l 节是完全一样的，比射箭跳的更远是因为你的分配更好，这跟你起跳时准心的角度有关系。我我在这里就不详细讲了，如果有需要的小伙伴可以在评论区里留言，我会在下个视频里详细讲解。接下来我们再完整的看一遍射箭教程。 先在地面上 wd 助跑，速度起来以后指松开 w 的同时滚轮滚动小跳，然后同时快速，又选鼠标，小跳落地以后第一时间起跳， 然后鼠标再继续右甩，进行第一次加速。小跳的时候就要松开 w 了，但是第一键要一直按到第一次加速完，如果是左旋就是 wa。 最后我们来进行总结，一、小跳之前的助跑 好要尽量达到二七厘米以上，越高越好。二、小跳的同时旋转鼠标，三、小跳落地接大跳要快。四、起跳以后第一次加速按久一点。我们再来看看赛姆的设计教程。

你有没有想过， playwrite 的 测试脚本跑在 nova j s 里，而网页的代码跑在浏览器里，这俩就像隔着一条河，谁也够不着谁。那怎么跨河操作呢？答案就是执行 javascript。 今天咱们就聊聊 playwrite 里这个最核心的能力。第一部分，为什么要执行 javascript？ 简单说，环境隔离，你的测试代码在 no 加七 s 环境里跑页面的 javascript 在 浏览器的沙盒里跑，这辆环境完全独立，变量互不相通。想操作页面内部的东西，必须得有个桥梁，这就是配置 evaluate 和相关方法的作用。第二部分，三种常用方式 play right 给咱们准备了三把钥匙，分别开不同的锁。第一把啡记 evaluate， 在 页面里执行代码，拿到结果，比如获取标题，改样式，触发事件，预强操作全靠它。第二把 page add the next group， 这个更狠，在页面加载之前就注入脚本，相当于趁网站还没反应过来，先把它的环境改了。比如 mock max random， 让它永远返回固定值， 测试就完全可控了。第三把 js handle， 复杂对象返回的不是值，是个锯饼，就像遥控器，能在测试代码里继续操作它。第三部分，基础用法，最常用的是配解 value， 直接在页面向下纹理跑代码，比如获取页面标题，当前 u r e o， 甚至执行异步操作，拿 h t t p 状态码都能异形搞定。 请看代码视力。第四部分，传餐的坑有个常见坑，你不能在 evolveit 里直接用测试脚本的变量，因为环境隔离嘛，正确做法是把变量当参数传进去。请看代码视力。第五部分，高级玩法 idna script 是 个神器， 比如你想测试一个依赖随机数的功能，每次结果都不一样咋办？简单，在页面加载前把 math random 替换成固定返回值的函数，瞬间可控。请看代码示意。总结一下，记住两件事， page evaluate 是 页面加载后执行临时操作的首选。 page idna script 是 页面加载前修改原生环境的利器。掌握这俩 play red 的 javascript 执行能力你就拿捏了。

领导给了你一堆的丑图，还非要做出高级化，如果换不了领导，那咱就换个思路，这六个特别邪门但特别实用的排版小技巧，一定要收藏。第一个呢，叫挂墙上， 你像这种几十张图的 ppt， 千万不要手动的去排，浪费时间。只需要打开视图里的换帧片模板，插入占位符，选择图片，按住 ctrl 键的拖动好一个，接下来按 f 四就能快速排版。 关闭模板，试图新建一页刚才排版好的版式，就能把几十张图一键搞进去。还可以上下叠加两个椭圆，做成有空间感的弧形，放上文字，一张不删的空间照片墙，效果瞬间搞定。 如果领导说图太小看不清，还可以用第二招叫走直线，把 ppt 页面呢缩小，像我这样，图片呢，串成一排，全选所有的图片， ctrl 加 g 组合在一起，给他添加一个直线的路径。动画方向呢，就向左拖动红色的空点， 使动画结束的位置呢，与页面的右侧对齐，动画开始选择与上一动画同时持续。时间呢，你可以改为三十秒。再多的图片呢，也能全部展示。 这次呢，在页面上下两端叠加一个双波形，播放 ppt， 每张图都能看得清清楚楚。这两种排版呢，在我这一套五百页的创意图，恩，排版模板中全部都有，如果你不想动手去做，可以直接套用。除此之外，再教你四个体子内经常用到的排版技巧。 第三招呢，叫剪彩带。体子内最喜欢的装饰呢，就是红绸啊，彩带啊之类的素材，那我们呢，也可以画一个，把图片给填进去， 这个是咋做呢？可以找到形状里这个波形，把它拉长，复制一份，上下错开，摆放想要彩带的卷曲感，再插入一个小波形，夹在中间，右键呢，编辑顶点，让小波形的顶端和大波形重合，基本的彩带样式这时候就有了。 接着呢，插入一根长条的矩形，先选波形，再选矩形，找到合并形状里的拆分，有几张图，你就把彩带裁剪成几份。最后呢，把要排版的图片呢叠在下面，先选图片，再选图形。这次呢，点击香蕉，这样一个填满图片的彩带就完成。 放上文字呢，哪个领导能不喜欢呢？第四招叫画大饼。像这种每张图都配有文字的，排成两排就会显得上下很空。你可以换个思路，做成中心环绕的布局。 先插入一个饼图，有几张图呢，就在表格里填几个。一把饼图剪切掉，在开始菜单里找到粘贴，选择性粘贴，点击增强图像文件，再把饼图取消，组合两次， 就能拆分成等份的小扇形。还是把图片叠在下面，用合并形状里的香蕉大饼就画好了。文字呢，摆放到四周，整页 ppt 既充实又有逻辑。第五招呢，叫倒漏斗，特别适合有层级关系的图纹信息。我们呢，可以用形状里的弧形把 形剪除成为漏斗的形状，再用长条的矩形拆分成小块。还是用合并相交的功能把不同层次的图片呢填充进去。这种有图有字的漏斗模型第一次见了吧。 第六招呢，叫开窗户，如果图片有横的有竖的，还非要排成一排，你也可以像我这样把横图组合在一起，和竖图呢对齐，找到图片格式里的三维旋转角度，选择透视向左， 另一边呢，选择透视向右。那这种开窗户的布局呢，既有主次，又不显得单调。像这样冷门但实用的 ppt 排版呢？在我这套五百页创意图文排版模板中，还有上百种， 不管是一张图、两张图、三张图、多张图的 ppt 排版都已经给你整理好了，连文件呀，证书截图都能直接找到对应的版式，点击一键替换就能做出高级感。有需要的朋友呢，欢迎点击我的头像，进入店铺，找到五百页创意图文排版 ppt 模板直接订阅！

本视频耗时一分零七秒，看完视频，你将了解 playrite 的 核心优势，并且学会环境安装和基础配置。 playrite 是 微软开发的现代化 web 自动化测试库，它通过单一的 api 自动化、 chromium、 firefox 和 webkit 浏览器能在 ui 自动化领域名气大噪。这五大优势功不可没， 一是跨浏览器与跨平台支持，三大浏览器引擎可在 windows、 macos、 linux 上运行。二是智能自动等待，在执行操作前自动等待元素可交互，减少因网络延迟导致的失败。三是统一的 api， 无论使用哪种浏览器， api 保持一致，降低学习成本。四是移动设备，模拟 内置设备描述符，如 iphone 十一，无需额外配置即可模拟移动环境。 play right codegen 可录制操作并生成脚本。 trace viewer 可回放操作全过程。正是因为这些核心优势，使得 playrite 能在老牌 selenium 面前大展身手。接下来就是如何安装配置环境， 使用 p i p install playrite 命令安装 playrite python 包第二步，安装浏览器驱动，执行 playrite install 命令，可一次安装 chromium、 firefox 和 webkit 全家桶。

分享一下在打火机中比较进阶的几个剪辑技巧，能够帮助我们的剪辑更加的出彩。现在我们需要做一个效果，先让摄像机跟着这个人物去移动，我们先点击下面的这个飞行界面， shift 加空格 track 跟踪器，我们把跟踪器添加，按住 shift， 让它粘在两个节点之间，屏幕中会有个这种绿色的这种小图标，移动到我们需要跟踪的这种小图标。移动到下面，选成最佳皮跟踪一下，前后 点击操作，这边选择匹配移动合并，我们选择自由背景，再到剪辑页面，我们来看一下我的摄影机就跟随的人物去移动， 让摄像机去跟随的 iphone 的 摄像头去移动，再到飞选界面，然后按住 shift 加空格 track， 我 们按住 shift， 然后链接到两个节点之间，可以选择下面这个 point， 这个点会有一个范围性的去选择，它的跟踪的精度会高一点。跟踪下面这个摄像头，我们再选择一下它的宽宽 跟踪，再到操作，选择匹配移动，下面再选择自由背景。射手，我想要突出面部比较有感染力的这种情绪，按住 shift 加空格 check 添加到这上面去，按住 shift 移动到两个节点之间，选择最佳的匹配鼻孔这个位置， 再点击操作，这边选择匹配移动，选择自由背景，他会有自动裁剪，再把中心点的标题打开，调整一下它的位置，加一个运动模糊，画面就会显得更加自然。 在一个口播的画面，按住 shift 加空格，然后 shift 添加到两个节点之间，我就选择鼻孔这个位置吧。选择匹配移动这个背景，我把它说放在调一下人物面部居中， 我现在想让一个文字去跟踪在哎人物手中。拿这个防风毛套上面到飞行界面，按住 shift 加空格，选择 shift 跟踪器，按住 shift， 让它添加到两个节点之间，跟踪到人手部的位置，我们拉下一个文本， 哎，让他们去建立一个文件防风毛套跟踪这个节点。这边操作，这边我们选择匹配移动，再调整一下大小， 这样子就跟踪的非常的稳定，这也可以用这样机去跟踪到这个物体身上。 track 操作是匹配，只有只有背景调整下它的位置就 ok 了，保护毛套在他们的中心的位置， 这种感觉也非常好。三种稳定方式，你觉得还不够稳定，可以尝试在飞行界面去做。稳定到飞行界面，我先按住 shift 加空格，然后给它添加平面跟踪器，然后让它在这个两个节点之间设定它的整个时间线呢？ set， 用钢笔工具去画出人物的范围， 点击跟踪模式，选择 stabilize， 让它进行稳定，选择第二种模式，然后让它进行稳定。发现一个问题，就是它的画面大小又跟画布不一致了，点击下面这个 crop out crop， 所以 这一期节目就是分享这三个特别实用打分机的效果，能够帮助我们的画面更加的出彩。大家喜欢这一期节目的话也点点赞关注一下，那我们下期再见，拜拜。

windows 系统最牛逼的操作，释放 c p 有 百分之九十九的性能，电脑卡顿的，那这个设置一定要做好。同时按住 win 加二，打开运行框，在这里输入 services msc 回车。在打开的窗口里面一直下滑，找到 c s mind 这项服务，把它打开，将它的启动类型改为禁用，就会减少内存占用。点击应用确定， 再次按住 win 加二，打开运行框，在里面输入 moscomic 回车。在打开的窗口里点击引导，选择高级选项，将处理个数勾选，再把它的数值改为最大，然后点击应用确定，选择重新启动。重启电脑后，你的电脑性能就会飞速提升。

你们看华为手机这个高级又有氛围感的桌面布局，看着就很舒坦嘛，其实操作也很简单啊，看啊，首先呢，你去网上存几张你喜欢的颜色干净的图片啊，然后返回桌面，长按图库的图标哈，选择服务卡片，还往右滑，找到第六个那个正方形的卡片，点一下添加 哎，同样的方法，先添加两个到桌面哈，再接着划啊，第七个那个长方形的也添加一个好了啊，现在桌面上是有三个卡片对吧， 分别长按他们点编辑选更换图片，就就把刚刚你存好的漂亮图片分别放进去啊。接着你就按你的感觉，把他们在桌面上的位置摆好，就是怎么顺眼怎么来哈。然后重点来了，我们先按颜色整理应用，对吧？哎，比如说，你先整理所有红色的应用啊， 双指在屏幕上一捏，还进入桌面的编辑，然后把所有红色图片的 app 呢都勾选上，然后再长按其中任意一个哈，他们就会抱成一团了哈。这个时候呢，你再用另外一根手指滑动屏幕的底部，切换到你想放的那个页面， 还在松手，你看一批应用直接就过去了，特别的快，对吧？对了，文件也是可以变形状的，就你试着把三个应用先叠一块哈 动，生成文件之后呢，再常让它调整边框，就能在大文件和长方形的这个文件夹之间切换了，布局会更加的灵活啊。其他的颜色也是按这个方法就是一批整理过去，你就会发现桌面上一下子就变得清爽有序了，色彩搭配着看着特别的治愈，有没有 nice？

鼠标右键点右下角打开网络设置，左键点更改是配器选项，右键点以太网， 打开属性配置，点一下高级点一下，选择环保节能，把它设为关闭，再选择连接速，速度和 双工模式，给它改为一点零 g b p s 全双工，然后点确定，这时它会重新识别一下网络，这样你的网络就会更稳定更快了。

想玩单机游戏，也能和朋友一起联机，即使没有公网 ip， 也能轻松实现远程访问。现在有一种异地主网和内网穿透工具，可以把多个独立的局域网连接成一个统一网络，从而支持远程办公、跨地联网、游戏等多种场景。 整个连接过程无需通过服务器中转，还能自由选择传输协议、点对点连接方式以及其他个性化设置。主控端和连接端界面一致，操作非常直观，只需在主控端创建网络，填写基本信息，如 ip 路由和网关即可。更高级的设置里，可以调整传输协议、点对点性能及系统参数。 如果已有配置模板，也能直接导入，一键启动网络，完成后设置可以导出备份，方便日后使用。连 阶端，只要进入一键联机界面，输入联机码和主控端 ip， 即可快速加入网络，实现远程办公或跨地游戏。整个操作流程简洁明了，同时支持丰富的自定义设置，让功能更加强大。还在为远程办公或多人联网头疼，不妨试试这类工具，让你的网络自由又高效。

虚拟内存疯狂占用 c 盘空间还会导致电脑卡顿，教你一个设置，给 c 盘腾出三十 g 安排。 首先右键此电脑点击属性，找到高级系统设置，点击性能这里的设置切换到高级，再点击这里的更改，将这个选项取消勾选。然后将 c 盘修改成无分页文件，再选择 d 盘，选择自定义大小， 将出使大小设置成十 g 内存的一点五倍，最大值设置三倍，这里要注意，一 g 等于一千零二十四兆。最后点击这里的设置就 ok 了。