javascript - Puppeteer: unable to inject global variable

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?

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 pbnsilva 3632 silver badges10 bronze badges

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

Sorted by: 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);

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Puppeteer: unable to inject global variable - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)