如何使用木偶师在移动调试模式下打开 Chromium?

Question

我想用木偶师启动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,
}
});