如何使用 puppeteer 在移动调试模式下打开 Chromium？

Question

我想用 puppeteer 启动 Chrome，在移动调试模式下，这意味着单击 devtools 中的“切换设备工具栏”按钮。

抱歉，我没有足够的声望上传图片。

我尝试了以下代码，但没有用：

const browser = await puppeteer.launch({
    devtools: true,
    ignoreHTTPSErrors: true,
    isMobile:true //I thought it would be fine to set isMobile: true, but not
  });

所以我该怎么做？

Answer 1

要完全模拟移动设备，您还必须指定其他值，例如width, height, deviceScaleFactor，hasTouch也许还有用户代理，以使网站相信您的浏览器是移动设备。您可以手动设置它们（请参阅 Yevhen 的答案）或使用 puppeteer 通过提供的默认设备描述符之一puppeteer.devices并通过调用page.emulate.

代码示例

const puppeteer = require('puppeteer');
const iPhone = puppeteer.devices['iPhone 6'];

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.emulate(iPhone);
  await page.goto(url);
  // ...
})();

Answer 2

属性isMobile是对象的一部分defaultViewport，这意味着你应该将isMobile属性放在defaultViewport对象内部。

像这样：

defaultViewport: {
  width: 375,
  height: 667,
  isMobile: true,
}

满的：

const browser = await puppeteer.launch({
  devtools: true,
  ignoreHTTPSErrors: true,
  defaultViewport: {
    width: 375,
    height: 667,
    isMobile: true,
  }
});