Javascript 木偶演员-在无头(真|假)模式下映射真实移动设备行为
我想用木偶演员模拟一个定制设备(真实移动设备尺寸),我希望在真实移动设备和木偶演员中有相同的浏览器行为。 我试过了 问题 协调(x,y)在真实移动设备和木偶演员中不匹配,比如如果它绘制(200300),它显示真实移动设备和木偶演员浏览器中的不同位置Javascript 木偶演员-在无头(真|假)模式下映射真实移动设备行为,javascript,node.js,puppeteer,Javascript,Node.js,Puppeteer,我想用木偶演员模拟一个定制设备(真实移动设备尺寸),我希望在真实移动设备和木偶演员中有相同的浏览器行为。 我试过了 问题 协调(x,y)在真实移动设备和木偶演员中不匹配,比如如果它绘制(200300),它显示真实移动设备和木偶演员浏览器中的不同位置 这些是在Puppeter中映射真实移动设备尺寸的方法,或任何建议,如果我遗漏了什么?要模拟要加载页面的设备,可以使用页面。模拟(iPhone)模拟iPhone,如示例所示: const puppeteer = require('puppeteer')
这些是在Puppeter中映射真实移动设备尺寸的方法,或任何建议,如果我遗漏了什么?要模拟要加载页面的设备,可以使用
页面。模拟(iPhone)
模拟iPhone,如示例所示:
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('https://www.google.com');
// other actions...
await browser.close();
})();
也许这可以帮助你:Hii@Mattia谢谢你的回复。实际上,我想用定制尺寸模拟移动设备,移动设备不在木偶设备描述器中
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('https://www.google.com');
// other actions...
await browser.close();
})();