admin管理员组

文章数量:1346328

I want to take a screenshot of a page after I inject some data into it:

(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();
})();

And the simple page I test this on:

<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>

The evaluate does not seem to work, as I get:

[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)

What am I doing wrong?

I want to take a screenshot of a page after I inject some data into it:

(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();
})();

And the simple page I test this on:

<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>

The evaluate does not seem to work, as I get:

[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)

What am I doing wrong?

  • javascript
  • html
  • node.js
  • puppeteer
  • google-chrome-headless
Share Improve this question edited Mar 9, 2021 at 16:43 ggorlen 57.9k8 gold badges114 silver badges157 bronze badges asked Jul 15, 2018 at 8:38 pbnsilvapbnsilva 3632 silver badges10 bronze badges 3
  • As far as your injection is async and your script is sync and placed just at the beginning, possibly it is not yet loaded. Where is your injection code placed? – Drag13 Commented Jul 15, 2018 at 8:48
  • @Drag13 thanks. How could I solve that problem for this specific case? – pbnsilva Commented Jul 15, 2018 at 8:56
  • Is there a puppeteer equivalent of PhantomJS's onInitialized? (phantomjs/api/webpage/handler/on-initialized.html) – pbnsilva Commented Jul 15, 2018 at 9:25
Add a ment  | 

1 Answer 1

Reset to default 11

I was able to find the solution in a separate answer on SO:

Puppeteer: unable to inject global variable

Using:

  await page.evaluateOnNewDocument((data) => {
    window.TestMe = {};
    window.TestMe.data = data;
  }, jsonData);

本文标签： javascriptPuppeteer unable to inject global variableStack Overflow

版权声明：本文标题：javascript - Puppeteer: unable to inject global variable - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743825445a2545557.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。