如何在 Node.js Puppeteer Headless=false Chromium 浏览器中清除历史记录（清除浏览数据）

Question

我正在尝试通过以下代码使用 node.js puppeteer 删除 headless=false 浏览器中的历史记录，但方法无效。

await page.goto('chrome://settings/clearBrowserData');
await page.keyboard.down('Enter');

第二个代码

await page.keyboard.down('ControlLeft');
await page.keyboard.down('ShiftLeft');
await page.keyboard.down('Delete');
await page.keyboard.down('Enter');

我也尝试使用.evaluateHandle() 和.click() 功能，但它们都不起作用。如果有人知道如何用 puppeteer 清除历史记录，请回答我。

Answer 1

无法像这样导航到浏览器设置页面 (chrome://...)。

您有三个选择：

1. 使用隐身窗口（在 puppeteer 中称为上下文）
2. 使用 Chrome DevTools 协议中的命令清除历史记录。
3. 重启浏览器

---

选项 1：使用隐身窗口

要清除历史记录（包括 cookie 和任何数据），您可以在 puppeteer 中使用名为 BrowserContext 的“隐身”窗口。

您可以通过调用browser.createIncognitoBrowserContext() 创建上下文。引用自docs：

创建一个新的隐身浏览器上下文。这不会与其他浏览器上下文共享 cookie/缓存。

示例

const context = await browser.createIncognitoBrowserContext();
const page = await context.newPage();

// Execute your code
await page.goto('...');
// ...

await context.close(); // clear history

此示例将创建一个新的隐身浏览器窗口并在其中打开一个页面。从那里您可以像往常一样使用page 句柄。

要清除其中的任何 cookie 或历史记录，只需通过 context.close() 关闭上下文即可。

---

选项 2：使用 Chrome DevTools 协议清除历史记录

如果您不能依赖使用上下文（因为使用扩展时不支持它们），您可以使用Chrome DevTools Protocol 清除浏览器的历史记录。它具有在 puppeteer 中未实现的功能来重置 cookie 和缓存。您可以通过 CDPSession 直接使用 Chrome DevTools 协议中的函数。

示例

const client = await page.target().createCDPSession();
await client.send('Network.clearBrowserCookies');
await client.send('Network.clearBrowserCache');

这将指示浏览器通过直接调用Network.clearBrowserCookies和Network.clearBrowserCache来清除cookies和缓存。

---

选项 3：重启浏览器

如果这两种方法都不可行，您总是可以通过关闭旧实例并创建一个新实例来重新启动浏览器。这将清除所有存储的数据。