### Node.js 环境中离线安装 Playwright 并启动 Codegen 工具 为了在离线环境中成功安装 Playwright 并运行其代码生成工具 (`codegen`)，需要遵循以下方法： #### 一、准备工作 1. **确保本地具备基础开发环境** 在目标机器上预先配置好 Node.js 开发环境。如果尚未安装，请参照官方文档获取最新稳定版（LTS）。此步骤需在线完成，建议一次性下载对应平台的安装程序存档备用[^1]。 2. **收集所需资源包** - 下载 Playwright NPM 模块压缩包：利用另一台可上网设备执行 `npm pack playwright` 获取 tarball 文件形式的核心库。 - 备份浏览器驱动二进制文件集：依据实际需求选取 Chromium/WebKit/Firefox 中的一种或多者作为目标，通过命令行参数指定同步它们下来比如 `npx @playwright/test install-deps` ，随后定位到默认缓存路径 `.local-chromium/.local-webkit/.local-firefox` 找寻相应资料夹打包带走[^2]。 3. **转移素材至目标主机** 使用移动硬盘或者光碟等方式把上述两部分内容传送到待部署的工作站上去。 --- #### 二、实施环节 ##### （A）恢复依赖关系树 进入项目根目录后依次施行如下指令重建上下文关联： ```bash mkdir my-playwright-project && cd $_ tar xf /path/to/downloaded/playwright-version.tgz # 解压先前取得的模块档案 mv package/* . && rmdir package # 移动解压后的文件到当前目录并清理临时容器 npm install # 构建完整的 node_modules 结构体 ``` ##### （B）设定自定义存储位置 为了避免再次触发远程拉取动作，强制指派内置组件存放地址给定变量名 `PLAYWRIGHT_BROWSERS_PATH` 。例如假设我们已经将所有预处理完毕的数据放置于 `/opt/offline-browsers` 路径之下，则添加下面这句声明语句到 shell profile 文本里去永久生效： ```bash export PLAYWRIGHT_BROWSERS_PATH=/opt/offline-browsers ``` ##### （C）激活交互式录制界面 最后一步便是调用 codegen 子命令开启图形化向导模式捕捉用户行为序列转化为脚本表达式供后续重放检验之用途。基本语法形如这般模样所示： ```bash npx playwright codegen https://your-target-site.com --output ./test.spec.ts ``` 这里需要注意的是如果你之前按照提示保存过登录态信息的话记得附加选项加载它回来以免重复经历认证流程麻烦事半功倍哦！就像这样子啦： ```bash npx playwright codegen --load-storage=./auth.json http://localhost:8080/dashboard ``` --- ###