• extends:

If a page opens another page, e.g. with a call, the popup will belong to the parent page’s browser context.

Playwright allows creation of “incognito” browser contexts with browser.newContext() method. “Incognito” browser contexts don’t write any browsing data to disk.

• event: ‘close’
• browserContext.addCookies(cookies)
• browserContext.clearCookies()
• browserContext.close()
• browserContext.exposeBinding(name, playwrightBinding)
• browserContext.grantPermissions(permissions[][, options])
• browserContext.pages()
• browserContext.setDefaultNavigationTimeout(timeout)
• browserContext.setExtraHTTPHeaders(headers)
• browserContext.setHTTPCredentials(httpCredentials)
• browserContext.unroute(url[, handler])

event: ‘close’

Emitted when Browser context gets closed. This might happen because of one of the following:

• Browser context is closed.
• Browser application is closed or crashed.
• The method was called.

event: ‘page’

• <>

The event is emitted when a new Page is created in the BrowserContext. The page may still be loading. The event will also fire for popup pages. See also Page.on('popup') to receive events about popups relevant to a specific page.

The earliest moment that page is available is when it has navigated to the initial url. For example, when opening a popup with window.open('http://example.com'), this event will fire when the network request to ““ is done and its response has started loading in the popup.

const [page] = await Promise.all([
  context.waitForEvent('page'),
  page.click('a[target=_blank]'),
]);
console.log(await page.evaluate('location.href'));

browserContext.addCookies(cookies)

• cookies <<Object>>
  • name <> required
  • value <string> required
  • url <> either url or domain / path are required
  • domain <string> either url or domain / path are required
  • path <> either url or domain / path are required
  • expires <number> Unix time in seconds.
  • httpOnly <>
  • secure <boolean>
  • sameSite <”Strict”|”Lax”|”None”>
• returns: <>

browserContext.addInitScript(script[, arg])

• script <|string|> Script to be evaluated in all pages in the browser context.
  • path <string> Path to the JavaScript file. If path is a relative path, then it is resolved relative to .
  • content <string> Raw script content.
• arg <> Optional argument to pass to script (only supported when passing a function).
• returns: <Promise>

Adds a script which would be evaluated in one of the following scenarios:

• Whenever a page is created in the browser context or is navigated.
• Whenever a child frame is attached or navigated in any page in the browser context. In this case, the script is evaluated in the context of the newly attached frame.

The script is evaluated after the document was created but before any of its scripts were run. This is useful to amend the JavaScript environment, e.g. to seed Math.random.

An example of overriding Math.random before the page loads:

// preload.js
Math.random = () => 42;

NOTE The order of evaluation of multiple scripts installed via and page.addInitScript(script[, arg]) is not defined.

browserContext.clearCookies()

• returns: <Promise>

Clears context cookies.

browserContext.clearPermissions()

• returns: <Promise>

Clears all permission overrides for the browser context.

const context = await browser.newContext();
await context.grantPermissions(['clipboard-read']);
// do stuff ..
context.clearPermissions();

browserContext.close()

• returns: <Promise>

Closes the browser context. All the pages that belong to the browser context will be closed.

browserContext.cookies([urls])

• urls <string|<string>>
• returns: <<Array<>>>
  • name <string>
  • value <>
  • domain <string>
  • path <>
  • expires <number> Unix time in seconds.
  • httpOnly <>
  • secure <boolean>
  • sameSite <”Strict”|”Lax”|”None”>

If no URLs are specified, this method returns all cookies. If URLs are specified, only cookies that affect those URLs are returned.

browserContext.exposeBinding(name, playwrightBinding)

• name <string> Name of the function on the window object.
• playwrightBinding <> Callback function that will be called in the Playwright’s context.
• returns: <Promise>

The method adds a function called name on the window object of every frame in every page in the context. When called, the function executes playwrightBinding in Node.js and returns a which resolves to the return value of playwrightBinding. If the playwrightBinding returns a Promise, it will be awaited.

The first argument of the playwrightBinding function contains information about the caller: { browserContext: BrowserContext, page: Page, frame: Frame }.

See for page-only version.

An example of exposing page URL to all frames in all pages in the context:

const { webkit } = require('playwright');  // Or 'chromium' or 'firefox'.
(async () => {
  const browser = await webkit.launch({ headless: false });
  const context = await browser.newContext();
  await context.exposeBinding('pageURL', ({ page }) => page.url());
  const page = await context.newPage();
  await page.setContent(`
    <script>
      async function onClick() {
        document.querySelector('div').textContent = await window.pageURL();
      }
    </script>
    <button onclick="onClick()">Click me</button>
    <div></div>
  `);
  await page.click('button');
})();

browserContext.exposeFunction(name, playwrightFunction)

• name <> Name of the function on the window object.
• playwrightFunction <function> Callback function that will be called in the Playwright’s context.
• returns: <>

The method adds a function called name on the window object of every frame in every page in the context. When called, the function executes playwrightFunction in Node.js and returns a Promise which resolves to the return value of playwrightFunction.

If the playwrightFunction returns a , it will be awaited.

See page.exposeFunction(name, playwrightFunction) for page-only version.

An example of adding an md5 function to all pages in the context:

const { webkit } = require('playwright');  // Or 'chromium' or 'firefox'.
const crypto = require('crypto');
(async () => {
  const browser = await webkit.launch({ headless: false });
  const context = await browser.newContext();
  await context.exposeFunction('md5', text => crypto.createHash('md5').update(text).digest('hex'));
  const page = await context.newPage();
  await page.setContent(`
    <script>
      async function onClick() {
        document.querySelector('div').textContent = await window.md5('PLAYWRIGHT');
      }
    </script>
    <button onclick="onClick()">Click me</button>
  `);
  await page.click('button');
})();

browserContext.grantPermissions(permissions[][, options])

• permissions <Array<>> A permission or an array of permissions to grant. Permissions can be one of the following values:
  • '*'
  • 'geolocation'
  • 'midi'
  • 'midi-sysex' (system-exclusive midi)
  • 'notifications'
  • 'push'
  • 'camera'
  • 'microphone'
  • 'background-sync'
  • 'ambient-light-sensor'
  • 'gyroscope'
  • 'magnetometer'
  • 'accessibility-events'
  • 'clipboard-read'
  • 'clipboard-write'
  • 'payment-handler'
• options <Object>
  • origin <> The origin to grant permissions to, e.g. ““.
• returns: <Promise>

Grants specified permissions to the browser context. Only grants corresponding permissions to the given origin if specified.

browserContext.newPage()

• returns: <Promise<>>

Creates a new page in the browser context.

browserContext.pages()

• returns: <<Page>> All open pages in the context. Non visible pages, such as "background_page", will not be listed here. You can find them using .

browserContext.route(url, handler)

• url <|RegExp|(URL):> A glob pattern, regex pattern or predicate receiving URL to match while routing.
• handler <(Route, )> handler function to route the request.
• returns: <Promise>

Routing provides the capability to modify network requests that are made by any page in the browser context. Once route is enabled, every request matching the url pattern will stall unless it’s continued, fulfilled or aborted.

An example of a naïve handler that aborts all image requests:

const context = await browser.newContext();
await context.route(/(\.png$)|(\.jpg$)/, route => route.abort());
const page = await context.newPage();
await page.goto('https://example.com');
await browser.close();

Page routes (set up with ) take precedence over browser context routes when request matches both handlers.

browserContext.setDefaultNavigationTimeout(timeout)

• timeout <> Maximum navigation time in milliseconds

This setting will change the default maximum navigation time for the following methods and related shortcuts:

• page.goBack([options])
• page.goto(url[, options])
• page.setContent(html[, options])

NOTE page.setDefaultNavigationTimeout and take priority over browserContext.setDefaultNavigationTimeout.

browserContext.setDefaultTimeout(timeout)

• timeout <number> Maximum time in milliseconds

This setting will change the default maximum time for all the methods accepting timeout option.

NOTE , page.setDefaultTimeout and take priority over browserContext.setDefaultTimeout.

browserContext.setExtraHTTPHeaders(headers)

• headers <Object<, string>> An object containing additional HTTP headers to be sent with every request. All header values must be strings.
• returns: <>

The extra HTTP headers will be sent with every request initiated by any page in the context. These headers are merged with page-specific extra HTTP headers set with page.setExtraHTTPHeaders(). If page overrides a particular header, page-specific header value will be used instead of the browser context header value.

browserContext.setGeolocation(geolocation)

• geolocation <?Object>
  • latitude <> Latitude between -90 and 90. required
  • longitude <number> Longitude between -180 and 180. required
  • accuracy <> Non-negative accuracy value. Defaults to 0.
• returns: <Promise>

Sets the contexts’s geolocation. Passing null or undefined emulates position unavailable.

await browserContext.setGeolocation({latitude: 59.95, longitude: 30.31667});

NOTE Consider using to grant permissions for the browser context pages to read its geolocation.

browserContext.setHTTPCredentials(httpCredentials)

• httpCredentials <?>
  • username <string> required
  • password <> required
• returns: <Promise>

Provide credentials for .

NOTE Browsers may cache credentials that resulted in successful auth. That means passing different credentials after successful authentication or passing null to disable authentication is unreliable. Instead, create a separate browser context that will not have previous credentials cached.

browserContext.setOffline(offline)

• offline <> Whether to emulate network being offline for the browser context.
• returns: <Promise>

browserContext.unroute(url[, handler])

• url <string||function():boolean> A glob pattern, regex pattern or predicate receiving to match while routing.
• handler <function(, Request)> Handler function to route the request.
• returns: <>

Removes a route created with browserContext.route(url, handler). When handler is not specified, removes all routes for the url.

browserContext.waitForEvent(event[, optionsOrPredicate])

• event <string> Event name, same one would pass into browserContext.on(event).
• optionsOrPredicate <|Object> Either a predicate that receives an event or an options object.
  • predicate <> receives the event data and resolves to truthy value when the waiting should resolve.
  • timeout <number> maximum time to wait for in milliseconds. Defaults to 30000 (30 seconds). Pass 0 to disable timeout. The default value can be changed by using the .
• returns: <Promise<>> Promise which resolves to the event data value.

const context = await browser.newContext();