Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to pass a function in Puppeteers .evaluate() method?

Whenever I try to pass a function, like this:

var myFunc = function() { console.log("lol"); };  await page.evaluate(func => {  func();  return true; }, myFunc); 

I get:

(node:13108) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Evaluation failed: TypeError: func is not a function at func (<anonymous>:9:9) (node:13108) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. 

Why? How to do it correctly?

Thank you!

€: let me clarify: I am doing it this way because I want to find some DOM elements first and use them inside of that function, more like this (simplified):

var myFunc = function(element) { element.innerHTML = "baz" };  await page.evaluate(func => {   var foo = document.querySelector('.bar');   func(foo);   return true; }, myFunc); 
like image 266
chitzui Avatar asked Nov 15 '17 10:11

chitzui


People also ask

How do you pass a function in page to evaluate?

You cannot pass a function directly into page. evaluate() , but you can call another special method ( page. exposeFunction ), which expose your function as a global function (also available in as an attribute of your page window object), so you can call it when you are inside page.

What is evaluate in puppeteer?

evaluate, returns a Promise, then frame. evaluate would wait for the promise to resolve and return its value. If the function passed into frame. evaluate returns a non-Serializable value, then frame. evaluate resolves to undefined.


1 Answers

You cannot pass a function directly into page.evaluate(), but you can call another special method (page.exposeFunction), which expose your function as a global function (also available in as an attribute of your page window object), so you can call it when you are inside page.evaluate():

var myFunc = function() { console.log("lol"); }; await page.exposeFunction("myFunc", myFunc);  await page.evaluate(async () => {    await myFunc();    return true; }); 

Just remember that page.exposeFunction() will make your function return a Promise, then, you need to use async and await. This happens because your function will not be running inside your browser, but inside your nodejs application.

  1. exposeFunction() does not work after goto()
  2. Why can't I access 'window' in an exposeFunction() function with Puppeteer?
  3. How to use evaluateOnNewDocument and exposeFunction?
  4. exposeFunction remains in memory?
  5. Puppeteer: pass variable in .evaluate()
  6. Puppeteer evaluate function
  7. allow to pass a parameterized funciton as a string to page.evaluate
  8. Functions bound with page.exposeFunction() produce unhandled promise rejections
  9. exposed function queryseldtcor not working in puppeteer
  10. How can I dynamically inject functions to evaluate using Puppeteer?
like image 139
user Avatar answered Sep 28 '22 01:09

user