class: Browser

• extends: EventEmitter

A Browser is created when Playwright connects to a browser instance, either through browserType.launch or browserType.connect.

An example of using a Browser to create a Page:

const { firefox } = require('playwright');  // Or 'chromium' or 'webkit'.
(async () => {
  const browser = await firefox.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await browser.close();
})();

See ChromiumBrowser, FirefoxBrowser and WebKitBrowser for browser-specific features. Note that browserType.connect(options) and browserType.launch([options]) always return a specific browser instance, based on the browser being connected to or launched.

• event: ‘disconnected’
• browser.close()
• browser.contexts()
• browser.isConnected()
• browser.newContext([options])
• browser.newPage([options])

event: ‘disconnected’

Emitted when Browser gets disconnected from the browser application. This might happen because of one of the following:

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

browser.close()

• returns: <Promise>

In case this browser is obtained using browserType.launch, closes the browser and all of its pages (if any were opened).

In case this browser is obtained using browserType.connect, clears all created contexts belonging to this browser and disconnects from the browser server.

The Browser object itself is considered to be disposed and cannot be used anymore.

browser.contexts()

• returns: <Array<BrowserContext>>

Returns an array of all open browser contexts. In a newly created browser, this will return zero browser contexts.

const browser = await pw.webkit.launch();
console.log(browser.contexts().length); // prints `0`
const context = await browser.newContext();
console.log(browser.contexts().length); // prints `1`

browser.isConnected()

• returns: <boolean>

Indicates that the browser is connected.

browser.newContext([options])

• options <Object>
  • acceptDownloads <boolean> Whether to automatically download all the attachments. Defaults to false where all the downloads are canceled.
  • ignoreHTTPSErrors <boolean> Whether to ignore HTTPS errors during navigation. Defaults to false.
  • bypassCSP <boolean> Toggles bypassing page’s Content-Security-Policy.
  • viewport <?Object> Sets a consistent viewport for each page. Defaults to an 1280x720 viewport. null disables the default viewport.
    • width <number> page width in pixels.
    • height <number> page height in pixels.
  • userAgent <string> Specific user agent to use in this context.
  • deviceScaleFactor <number> Specify device scale factor (can be thought of as dpr). Defaults to 1.
  • isMobile <boolean> Whether the meta viewport tag is taken into account and touch events are enabled. Defaults to false. Not supported in Firefox.
  • hasTouch <boolean> Specifies if viewport supports touch events. Defaults to false.
  • javaScriptEnabled <boolean> Whether or not to enable JavaScript in the context. Defaults to true.
  • timezoneId <string> Changes the timezone of the context. See ICU’s metaZones.txt for a list of supported timezone IDs.
  • geolocation <Object>
    • latitude <number> Latitude between -90 and 90.
    • longitude <number> Longitude between -180 and 180.
    • accuracy <number> Non-negative accuracy value. Defaults to 0.
  • locale <string> Specify user locale, for example en-GB, de-DE, etc. Locale will affect navigator.language value, Accept-Language request header value as well as number and date formatting rules.
  • permissions <Array<string>> A list of permissions to grant to all pages in this context. See browserContext.grantPermissions for more details.
  • extraHTTPHeaders <Object<string, string>> An object containing additional HTTP headers to be sent with every request. All header values must be strings.
  • offline <boolean> Whether to emulate network being offline. Defaults to false.
  • httpCredentials <Object> Credentials for HTTP authentication.
    • username <string>
    • password <string>
  • colorScheme <”dark”|”light”|”no-preference”> Emulates 'prefers-colors-scheme' media feature, supported values are 'light', 'dark', 'no-preference'. See page.emulateMedia(options) for more details. Defaults to ‘light‘.
  • logger <Logger> Logger sink for Playwright logging.
• returns: <Promise<BrowserContext>>

Creates a new browser context. It won’t share cookies/cache with other browser contexts.

(async () => {
  const browser = await playwright.firefox.launch();  // Or 'chromium' or 'webkit'.
  // Create a new incognito browser context.
  const context = await browser.newContext();
  // Create a new page in a pristine context.
  const page = await context.newPage();
  await page.goto('https://example.com');
})();

browser.newPage([options])

• options <Object>
  • acceptDownloads <boolean> Whether to automatically download all the attachments. Defaults to false where all the downloads are canceled.
  • ignoreHTTPSErrors <boolean> Whether to ignore HTTPS errors during navigation. Defaults to false.
  • bypassCSP <boolean> Toggles bypassing page’s Content-Security-Policy.
  • viewport <?Object> Sets a consistent viewport for each page. Defaults to an 1280x720 viewport. null disables the default viewport.
    • width <number> page width in pixels.
    • height <number> page height in pixels.
  • userAgent <string> Specific user agent to use in this context.
  • deviceScaleFactor <number> Specify device scale factor (can be thought of as dpr). Defaults to 1.
  • isMobile <boolean> Whether the meta viewport tag is taken into account and touch events are enabled. Defaults to false. Not supported in Firefox.
  • hasTouch <boolean> Specifies if viewport supports touch events. Defaults to false.
  • javaScriptEnabled <boolean> Whether or not to enable JavaScript in the context. Defaults to true.
  • timezoneId <string> Changes the timezone of the context. See ICU’s metaZones.txt for a list of supported timezone IDs.
  • geolocation <Object>
    • latitude <number> Latitude between -90 and 90.
    • longitude <number> Longitude between -180 and 180.
    • accuracy <number> Non-negative accuracy value. Defaults to 0.
  • locale <string> Specify user locale, for example en-GB, de-DE, etc. Locale will affect navigator.language value, Accept-Language request header value as well as number and date formatting rules.
  • permissions <Array<string>> A list of permissions to grant to all pages in this context. See browserContext.grantPermissions for more details.
  • extraHTTPHeaders <Object<string, string>> An object containing additional HTTP headers to be sent with every request. All header values must be strings.
  • offline <boolean> Whether to emulate network being offline. Defaults to false.
  • httpCredentials <Object> Credentials for HTTP authentication.
    • username <string>
    • password <string>
  • colorScheme <”dark”|”light”|”no-preference”> Emulates 'prefers-colors-scheme' media feature, supported values are 'light', 'dark', 'no-preference'. See page.emulateMedia(options) for more details. Defaults to ‘light‘.
  • logger <Logger> Logger sink for Playwright logging.
• returns: <Promise<Page>>

Creates a new page in a new browser context. Closing this page will close the context as well.

This is a convenience API that should only be used for the single-page scenarios and short snippets. Production code and testing frameworks should explicitly create browser.newContext followed by the browserContext.newPage to control their exact life times.