puppeteer - 如何在 puppeteer 中隐藏地址栏(使用 headless false)

Question

我想用 headless false 启动 Chromium 并隐藏地址栏(以及其他菜单、工具等)

const puppeteer = require('puppeteer');

(async () => {
    console.log('launching');
    const browser = await puppeteer.launch({headless: false});
    const page = await browser.newPage();
    await page.goto('https://stackoverflow.com');
    await page.setViewport({width:400, height:300});
    await page.keyboard.press('F11'); //doesn't work and it is'n exact I want
})();

我得到:

我要:

Answer 1

您好，您可以在 browser.lunch(options) 的选项对象中通过 ags 传递任何 Chrome 标志。您正在寻找 --kiosk 或 --app

const browser = await puppeteer.launch({headless: false, args: ['--app']});

唯一的细节是信息亭模式会将窗口设置为全屏。这可能会影响您的视口(viewport)大小并留下灰色区域。这是文档，以及每个可用标志的列表

• https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#puppeteerlaunchoptions
• https://peter.sh/experiments/chromium-command-line-switches/