如何自动启用Chrome窗口和devtools上的Puppeteer（detached）？

Question

下面的代码使用Chrome窗口和DevTools打开了Puppeteer。 DevTools在浏览器内部打开。 有没有办法让DevTools在单独的窗口中打开？

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

- tomeraz

---

你可以手动将其分离。 - undefined

如何自动分离它？ - undefined

请参考此答案，在preferences对象内使用currentDockState: '"undocked"'应该可以正常工作。 - undefined

Answer 1

根据wOxxOm的回答，这里提供一个可工作的示例，注意应该从puppeteer-extra中导入puppeteer

import puppeteer from 'puppeteer-extra';
import ppUserPrefs from 'puppeteer-extra-plugin-user-preferences';

puppeteer.use(ppUserPrefs({
  userPrefs: {
    devtools: {
      preferences: {
        currentDockState: '"undocked"'
      },
    },
  }
}));

puppeteer.launch({
  headless: false,
  devtools: true
});

- imckl