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

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 :D ?

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

exposeFunction() isn't the right tool for this job.

From the Puppeteer docs

page.exposeFunction(name, puppeteerFunction)

puppeteerFunction Callback function which will be called in Puppeteer's context.

'In puppeteer's context' is a little vague, but check out the docs for evaluate():

page.evaluateHandle(pageFunction, ...args)

pageFunction Function to be evaluated in the page context

exposeFunction() doesn't expose a function to run inside the page, but exposes a function to be be run in node to be called from the page.

I have to use evaluate():

You problem could be related to the fact that page.exposeFunction() will make your function return a Promise (requiring the use of async and await). This happens because your function will not be running inside your browser, but inside your nodejs application and its results are being send back and forth into/to the browser code. This is why you function passed to page.exposeFunction() is now returning a promise instead of the actual result. And it explains why the window function is not defined, because your function is running inside nodejs (not your browser) and inside nodejs there is no window definition available.

Related questions:

1. exposeFunction() does not work after goto()
2. exposed function queryseldtcor not working in 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. How to pass a function in Puppeteers .evaluate() method?
10. How can I dynamically inject functions to evaluate using Puppeteer?