我想在注入一些数据后截屏一个页面：
(async () => {
const browser = await puppeteer.launch({dumpio: true});
const page = await browser.newPage();
await page.evaluate((data) => {
console.log("-> evaluate");
window.TestMe = {};
window.TestMe.data = data;
}, jsonData)
await page.goto(url);
await page.screenshot({
path: 'img.png',
});
await browser.close();
})();
我在这个简单的页面上测试：
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="content"></div>
<script>
let hasData = window.TestMe && window.TestMe.data;
if (!hasData) {
console.log("ERROR: No data provided by Puppeteer at window.TestMe.data.");
} else {
document.getElementById("content").innerHTML = JSON.stringify(window.TestMe.data);
}
</script>
</body>
</html>
评估似乎不起作用，正如我所得到的：
[0715/103457.665633:INFO:CONSOLE(2)] "-> evaluate", source: __puppeteer_evaluation_script__ (2)
[0715/103457.698770:INFO:CONSOLE(11)] "ERROR: No data provided by Puppeteer at window.TestMe.data.", source: http://localhost:8989/ (11)
我做错了什么？
我能够在SO:上的单独答案中找到解决方案
Puppeteer：无法注入全局变量
使用：
await page.evaluateOnNewDocument((data) => {
window.TestMe = {};
window.TestMe.data = data;
}, jsonData);