google-chrome-devtools - Puppeteer:在启​​用 "Preserve log"的情况下启动 Chromium

Question

DevTools 中有这个方便的功能，您可以使用 保留日志 (因此它不会清除页面重新加载/导航上的控制台内容或网络选项卡等)。

目前，如果我不想错过任何事情，我的手需要像闪电一样快才能在调试期间单击复选框。我已经在 peter.sh 上寻找了相应的 chrome 启动标志没有运气。
有没有办法在启用此功能的情况下启动 Chrome ？可以和puppeteer一起使用吗？
到目前为止，我的设置是:

const browser = await puppeteer.launch({ headless: false, devtools: true })

编辑
感谢@wOxxOm 的评论，我能够启用它，但该解决方案需要对项目的三个附加依赖项:puppeteer-extra , puppeteer-extra-plugin-user-preferences和 puppeteer-extra-plugin-user-data-dir .
我会对一个没有额外依赖的解决方案感兴趣，只在 puppeteer 中。 user-preferences例子:

const puppeteer = require('puppeteer-extra')
const ppUserPrefs = require('puppeteer-extra-plugin-user-preferences')

puppeteer.use(
  ppUserPrefs({
    userPrefs: {
      devtools: {
        preferences: {
          'network_log.preserve-log': '"true"'
        }
      }
    }
  })
)

Answer 1

我在没有任何额外包的情况下取得了一些成功:

启动并关闭浏览器实例，其唯一目的是生成新的用户数据目录。理想情况下，您已经提供了自己的路径。

找到 Preferences文件(它是一个 JSON 文件)，读取它并写入 devtools.preferences .

重新启动浏览器(使用在步骤 1 中创建的用户数据目录)

下面是一些帮助您入门的代码:
我用过官方puppeteer-core包，以便我可以使用本地安装的 Chrome，这就是我提供 executablePath 的原因。选项。如果您使用完整的 puppeteer，则不需要这个。包裹。

const pp = require('puppeteer-core');
const fs = require("fs");

const run = async () => {
  const opts = { executablePath: "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
               , devtools: true
               , userDataDir: "/tmp/pp-udd"
               , args: ["--auto-open-devtools-for-tabs"]
               };

  // open & close to create the user data directory
  let browser = await pp.launch(opts);
  await browser.close();

  // read & write Preferences
  const prefs = JSON.parse(fs.readFileSync("/tmp/pp-udd/Default/Preferences"));
  prefs.devtools.preferences['network_log.preserve-log'] = '"true"';
  fs.writeFileSync("/tmp/pp-udd/Default/Preferences", JSON.stringify(prefs));

  // relaunch with our own Preferences from our own user data directory
  browser = await pp.launch(opts);
  let page = await browser.newPage();
  await page.goto("https://stackoverflow.com/q/63661366/1244884");
};

run();

这是一个截屏:

第一次启动是第一步的“启动&关闭”

然后是针对这个问题的第二次启动；) 打开 DevTools，从一开始就选中“保留日志”选项。