Why can’t I access ‘window’ in an exposeFunction() function with Puppeteer?

by

evaluate the function

You can pass the dynamic script using evaluate.

(async function(){
    var puppeteer = require('puppeteer');
    const browser = await puppeteer.launch();
    const page = await browser.newPage();

    var functionToInject = function(){
        return window.navigator.appName;
    }

    var data = await page.evaluate(functionToInject); // <-- Just pass the function
    console.log(data); // outputs: Netscape
    
    await browser.close();
})()

addScriptTag and readFileSync

You can save the function to a seperate file and use the function using addScriptTag.

await page.addScriptTag({path: 'my-script.js'});

or evaluate with readFileSync.

await page.evaluate(fs.readFileSync(filePath, 'utf8'));

or, pass a parameterized funciton as a string to page.evaluate.

await page.evaluate(new Function('foo', 'console.log(foo);'), {foo: 'bar'});

Make a new function dynamically

How about making it into a runnable function 😀 ?

function runnable(fn) {
  return new Function("arguments", `return ${fn.toString()}(arguments)`);
}

The above will create a new function with provided arguments. We can pass any function we want.

Such as the following function with window, along with arguments,

function functionToInject() {
  return window.location.href;
};

works flawlessly with promises too,

function functionToInject() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(window.location.href);
    }, 5000);
  });
}

and with arguments,

async function functionToInject(someargs) {
  return someargs; // {bar: 'foo'}
};

Call the desired function with evaluate,

var data = await page.evaluate(runnable(functionToInject), {bar: "foo"});
console.log(data); // shows the location

More Related Contents:

  1. How to avoid being detected as bot on Puppeteer and Phantomjs?
  2. Differences between socket.io and websockets
  3. How to pass a function in Puppeteers .evaluate() method?
  4. Puppeteer in NodeJS reports ‘Error: Node is either not visible or not an HTMLElement’
  5. How to download file with puppeteer using headless: true?
  6. Puppeteer – Protocol error (Page.navigate): Target closed
  7. Puppeteer: How to listen to a specific response?
  8. Puppeteer wait for all images to load then take screenshot
  9. How to access Google Chrome’s IndexedDB/LevelDB files?
  10. NodeJS require a global module/package
  11. Node – was compiled against a different Node.js version using NODE_MODULE_VERSION 51
  12. How to make node.js require absolute? (instead of relative)
  13. Difference between app.use and app.get in express.js
  14. Node.js – Maximum call stack size exceeded
  15. Firebase cloud functions is very slow
  16. MongoDB/Mongoose querying at a specific date?
  17. Alternative for __dirname in Node.js when using ES6 modules
  18. node.js – Is there any proper way to parse JSON with large numbers? (long, bigint, int64)
  19. Expressjs raw body
  20. Making mongoose.js queries run synchronously
  21. mongoose custom validation using 2 fields
  22. Assigning a domain name to localhost for development environment
  23. Getting HTTP headers with Node.js
  24. Node.js check if file exists
  25. Proactive messaging bot in Teams without mentioning the bot beforehand
  26. What does the ELIFECYCLE Node.js error mean?
  27. Nodejs HTTP and HTTPS over same port
  28. Passing an object to client in node/express + ejs?
  29. How can I use a regex variable in a query for MongoDB
  30. Can I access a cookie from Socket.io?

Leave a Comment