前置条件
在开始使用 playwright-core 之前，你需要在你的项目中安装 Node.js 环境以及 npm 包管理器。
什么是 playwright-core？
Playwright 是一个由 Microsoft 提供的 Node.js 库，它提供了一个高级别的 API，用于自动化测试 Web 应用程序。它支持 WebKit、Chromium 和 Firefox。
在 Playwright 中，playwright-core 就是一个基础库，提供了最基本的 API 接口。如果你想要使用更丰富的功能，你需要使用其他具有更高层次抽象的 Playwright 库，例如 playwright。
安装
你可以使用以下命令从 npm 仓库安装 playwright-core：
npm install playwright-core
如何使用
创建一个浏览器对象
在使用 playwright-core 之前，你需要创建一个浏览器对象。你可以使用以下代码创建一个 Chromium 浏览器对象：
const { chromium } = require('playwright-core');
(async () => {
const browser = await chromium.launch();
})();打开一个页面
接下来，你可以使用浏览器对象打开一个页面。这是使用 browser.newContext() 方法来创建一个新的上下文，然后使用上下文对象打开一个新的页面。
const { chromium } = require('playwright-core');
(async () => {
const browser = await chromium.launch();
const context = await browser.newContext();
const page = await context.newPage();
})();页面截屏
现在，我们已经可以在浏览器上打开一个页面了，我们来试着截个屏。
-- -------------------- ---- ------- ----- - -------- - - --------------------------- ------ -- -- - ----- ------- - ----- ------------------ ----- ------- - ----- --------------------- ----- ---- - ----- ------------------ ----- ----------------------------------- ----- ----------------- ----- ----------- --- -----
这段代码将打开百度首页，并将页面截图保存至当前目录下的 baidu.png 文件。
页面事件监听
在浏览器上执行自动化测试的过程中，我们通常需要监听页面事件以实现特定的业务逻辑。以下是一个示例代码，它将监听页面的 network·response 事件。
-- -------------------- ---- -------
----- - -------- - - ---------------------------
----- -------- ---------------------------- -
----- ------- - ----- ------------------
----- ------- - ----- ---------------------
----- ---- - ----- ------------------
----- -------- - ---
----- ---------------- ----- -- -
-------------------------------------
-----------------
---
----- -----------------------------------
----- --------------------------
----------------------
----- ----------------
-
----------------------------这段代码将在页面加载完成后，将所有的网络请求 URL 输出至控制台。
结论
在本文中，我们概述了 npm 包 playwright-core 的使用教程。我们了解了如何使用它创建浏览器对象、打开页面、截取屏幕和监听页面事件。这是一个基础的使用教程，如果你想了解更多关于 Playwright 的功能，请参考官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb4acb5cbfe1ea061132c