本文介绍如何在 Ubuntu 系统上安装并配置 Playwright,包括 Node.js 环境的准备、Playwright 的安装以及浏览器依赖的配置。

一、安装 nvm

先安装 nvm,因为使用 nvm 可以很方便的安装最新版的 Node.js 和 npm。

参照 https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating 这个网址安装最新版的 nvm

然后,nvm install node 便可以安装 Node.js 和 npm 的最新版。

可以运行下面命令查看这二者是否安装正确:

node -v
npm -v

安装 Playwright 和依赖

新建一个项目目录,比如 parser:

mkdir parser
cd parser/

然后运行初始化命令:

npm init playwright@latest

一路按照提示选择合适的配置项(比如选择用 TypeScript 还是 JavaScript)即可。我这里不需要安装全部浏览器,所以跳过,另外安装依赖也跳过,我选择之后手动安装依赖和浏览器。

在上面安装过程中会有一个提示:

Install Playwright operating system dependencies (requires sudo / root - can be done manually via 'sudo npx playwright install-deps')? (y/N)

这个视情况而定,如果使用 sudo 安装,会因为环境变量的问题出现下面的错误:

sudo npx playwright install-deps
sudo: npx: command not found

而我只需要最基本的浏览器功能,所以感觉不需要特别全面的依赖,所以我直接普通用户运行安装依赖的命令:

npx playwright install-deps

安装浏览器

然后运行下面命令安装 chromium 浏览器即可:

npx playwright install chromium

浏览器会在下载到 ~/.cache 目录里面的 ms-playwright 目录下,而 Playwright 的项目配置等会在前面说的 parser 目录里面。

然后,在 parser 目录新建一个 .js 文件,比如 index.js,写入自己想要执行的 Playwright 相关代码,其实就是 Playwright 要怎么操作浏览器的指令代码,保存后使用 node index.js 来运行就可以启动浏览器进行测试了。