javascript - 发出请求时如何在 header 中包含移动设备详细信息？

Question

我正在使用 puppeteer 向网页发出请求，我已尝试将视口(viewport)设置为移动设备，如下所示:

await page.setViewport({ width: 350, height: 700});

但是，这并没有让我进入移动网站，而是被重定向到桌面视口(viewport)网站。使用 chrome 开发人员工具并将其设置为 iphone 的视口(viewport)时，我能够获得该网站的移动版本。

我是否应该在 puppeteer 中随年龄请求一起发送一些 header 以确保我不会被重定向？

Answer 1

您可能需要在视口(viewport)选项 (page.setViewport()) 中包含 isMobile: true 并设置用户代理 (page.setUserAgent()) 以匹配特定的移动设备。 Puppeteer 提供了一种使用 page.emulate() 自动执行这两项操作的便捷方法。 .

例子:

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

puppeteer.launch().then(async browser => {
  const page = await browser.newPage();
  await page.emulate(iPhone);
  await page.goto('https://www.google.com');
  // other actions...
  await browser.close();
});

demo