node.js - 如何使用 puppeteer 在移动 Debug模式下打开 Chromium？

Question

我想用 puppeteer 启动 Chrome，在移动 Debug模式下，意思是点击 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);
  // ...
})();