Skip to main content

Browser

A Browser is created via browserType.launch(). 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();
})();

Methods

browserType

Added in: v1.23browser.browserType

Get the browser type (chromium, firefox or webkit) that the browser belongs to.

Usage

browser.browserType();

Returns


close

Added in: v1.8browser.close

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 connected to, clears all created contexts belonging to this browser and disconnects from the browser server.

note

This is similar to force quitting the browser. Therefore, you should call browserContext.close() on any BrowserContext's you explicitly created earlier with browser.newContext() before calling browser.close().

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

Usage

await browser.close();

contexts

Added in: v1.8browser.contexts

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

Usage

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`

Returns


isConnected

Added in: v1.8browser.isConnected

Indicates that the browser is connected.

Usage

browser.isConnected();

Returns


newBrowserCDPSession

Added in: v1.11browser.newBrowserCDPSession
note

CDP Sessions are only supported on Chromium-based browsers.

Returns the newly created browser session.

Usage

await browser.newBrowserCDPSession();

Returns


newContext

Added in: v1.8browser.newContext

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

note

If directly using this method to create BrowserContexts, it is best practice to explicitly close the returned context via browserContext.close() when your code is done with the BrowserContext, and before calling browser.close(). This will ensure the context is closed gracefully and any artifacts—like HARs and videos—are fully flushed and saved.

Usage

(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');

// Gracefully close up everything
await context.close();
await browser.close();
})();

Arguments

  • options Object (optional)
    • acceptDownloads boolean (optional)#

      Whether to automatically download all the attachments. Defaults to true where all the downloads are accepted.

    • baseURL string (optional)#

      When using page.goto(), page.route(), page.waitForURL(), page.waitForRequest(), or page.waitForResponse() it takes the base URL in consideration by using the URL() constructor for building the corresponding URL. Examples:

      • baseURL: http://localhost:3000 and navigating to /bar.html results in http://localhost:3000/bar.html
      • baseURL: http://localhost:3000/foo/ and navigating to ./bar.html results in http://localhost:3000/foo/bar.html
      • baseURL: http://localhost:3000/foo (without trailing slash) and navigating to ./bar.html results in http://localhost:3000/bar.html
    • bypassCSP boolean (optional)#

      Toggles bypassing page's Content-Security-Policy.

    • colorScheme null|"light"|"dark"|"no-preference" (optional)#

      Emulates 'prefers-colors-scheme' media feature, supported values are 'light', 'dark', 'no-preference'. See page.emulateMedia() for more details. Passing null resets emulation to system defaults. Defaults to 'light'.

    • deviceScaleFactor number (optional)#

      Specify device scale factor (can be thought of as dpr). Defaults to 1.

    • extraHTTPHeaders Object<string, string> (optional)#

      An object containing additional HTTP headers to be sent with every request.

    • forcedColors null|"active"|"none" (optional)#

      Emulates 'forced-colors' media feature, supported values are 'active', 'none'. See page.emulateMedia() for more details. Passing null resets emulation to system defaults. Defaults to 'none'.

    • geolocation Object (optional)#

      • latitude number

        Latitude between -90 and 90.

      • longitude number

        Longitude between -180 and 180.

      • accuracy number (optional)

        Non-negative accuracy value. Defaults to 0.

    • hasTouch boolean (optional)#

      Specifies if viewport supports touch events. Defaults to false.

    • httpCredentials Object (optional)#

      Credentials for HTTP authentication.

    • ignoreHTTPSErrors boolean (optional)#

      Whether to ignore HTTPS errors when sending network requests. Defaults to false.

    • isMobile boolean (optional)#

      Whether the meta viewport tag is taken into account and touch events are enabled. Defaults to false. Not supported in Firefox.

    • javaScriptEnabled boolean (optional)#

      Whether or not to enable JavaScript in the context. Defaults to true.

    • locale string (optional)#

      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.

    • logger Logger (optional)#

      Logger sink for Playwright logging.

    • offline boolean (optional)#

      Whether to emulate network being offline. Defaults to false.

    • permissions Array<string> (optional)#

      A list of permissions to grant to all pages in this context. See browserContext.grantPermissions() for more details.

    • proxy Object (optional)#

      • server string

        Proxy to be used for all requests. HTTP and SOCKS proxies are supported, for example http://myproxy.com:3128 or socks5://myproxy.com:3128. Short form myproxy.com:3128 is considered an HTTP proxy.

      • bypass string (optional)

        Optional comma-separated domains to bypass proxy, for example ".com, chromium.org, .domain.com".

      • username string (optional)

        Optional username to use if HTTP proxy requires authentication.

      • password string (optional)

        Optional password to use if HTTP proxy requires authentication.

      Network proxy settings to use with this context.

      note

      For Chromium on Windows the browser needs to be launched with the global proxy for this option to work. If all contexts override the proxy, global proxy will be never used and can be any string, for example launch({ proxy: { server: 'http://per-context' } }).

    • recordHar Object (optional)#

      • omitContent boolean (optional)

        Optional setting to control whether to omit request content from the HAR. Defaults to false. Deprecated, use content policy instead.

      • content "omit"|"embed"|"attach" (optional)

        Optional setting to control resource content management. If omit is specified, content is not persisted. If attach is specified, resources are persisted as separate files or entries in the ZIP archive. If embed is specified, content is stored inline the HAR file as per HAR specification. Defaults to attach for .zip output files and to embed for all other file extensions.

      • path string

        Path on the filesystem to write the HAR file to. If the file name ends with .zip, content: 'attach' is used by default.

      • mode "full"|"minimal" (optional)

        When set to minimal, only record information necessary for routing from HAR. This omits sizes, timing, page, cookies, security and other types of HAR information that are not used when replaying from HAR. Defaults to full.

      • urlFilter string|RegExp (optional)

        A glob or regex pattern to filter requests that are stored in the HAR. When a baseURL via the context options was provided and the passed URL is a path, it gets merged via the new URL() constructor.

      Enables HAR recording for all pages into recordHar.path file. If not specified, the HAR is not recorded. Make sure to await browserContext.close() for the HAR to be saved.

    • recordVideo Object (optional)#

      • dir string

        Path to the directory to put videos into.

      • size Object (optional)

        • width number

          Video frame width.

        • height number

          Video frame height.

        Optional dimensions of the recorded videos. If not specified the size will be equal to viewport scaled down to fit into 800x800. If viewport is not configured explicitly the video size defaults to 800x450. Actual picture of each page will be scaled down if necessary to fit the specified size.

      Enables video recording for all pages into recordVideo.dir directory. If not specified videos are not recorded. Make sure to await browserContext.close() for videos to be saved.

    • reducedMotion null|"reduce"|"no-preference" (optional)#

      Emulates 'prefers-reduced-motion' media feature, supported values are 'reduce', 'no-preference'. See page.emulateMedia() for more details. Passing null resets emulation to system defaults. Defaults to 'no-preference'.

    • screen Object (optional)#

      • width number

        page width in pixels.

      • height number

        page height in pixels.

      Emulates consistent window screen size available inside web page via window.screen. Is only used when the viewport is set.

    • serviceWorkers "allow"|"block" (optional)#

      Whether to allow sites to register Service workers. Defaults to 'allow'.

      • 'allow': Service Workers can be registered.
      • 'block': Playwright will block all registration of Service Workers.
    • storageState string|Object (optional)#

      Populates context with given storage state. This option can be used to initialize context with logged-in information obtained via browserContext.storageState(). Either a path to the file with saved storage, or an object with the following fields:

    • strictSelectors boolean (optional)#

      If set to true, enables strict selectors mode for this context. In the strict selectors mode all operations on selectors that imply single target DOM element will throw when more than one element matches the selector. This option does not affect any Locator APIs (Locators are always strict). See Locator to learn more about the strict mode.

    • timezoneId string (optional)#

      Changes the timezone of the context. See ICU's metaZones.txt for a list of supported timezone IDs.

    • userAgent string (optional)#

      Specific user agent to use in this context.

    • videoSize Object (optional)#

      Deprecated

      Use recordVideo instead.

      • width number

        Video frame width.

      • height number

        Video frame height.

    • videosPath string (optional)#

      Deprecated

      Use recordVideo instead.

    • viewport null|Object (optional)#

      • width number

        page width in pixels.

      • height number

        page height in pixels.

      Emulates consistent viewport for each page. Defaults to an 1280x720 viewport. null disables the default viewport.

Returns


newPage

Added in: v1.8browser.newPage

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.

Usage

await browser.newPage();
await browser.newPage(options);

Arguments

  • options Object (optional)
    • acceptDownloads boolean (optional)#

      Whether to automatically download all the attachments. Defaults to true where all the downloads are accepted.

    • baseURL string (optional)#

      When using page.goto(), page.route(), page.waitForURL(), page.waitForRequest(), or page.waitForResponse() it takes the base URL in consideration by using the URL() constructor for building the corresponding URL. Examples:

      • baseURL: http://localhost:3000 and navigating to /bar.html results in http://localhost:3000/bar.html
      • baseURL: http://localhost:3000/foo/ and navigating to ./bar.html results in http://localhost:3000/foo/bar.html
      • baseURL: http://localhost:3000/foo (without trailing slash) and navigating to ./bar.html results in http://localhost:3000/bar.html
    • bypassCSP boolean (optional)#

      Toggles bypassing page's Content-Security-Policy.

    • colorScheme null|"light"|"dark"|"no-preference" (optional)#

      Emulates 'prefers-colors-scheme' media feature, supported values are 'light', 'dark', 'no-preference'. See page.emulateMedia() for more details. Passing null resets emulation to system defaults. Defaults to 'light'.

    • deviceScaleFactor number (optional)#

      Specify device scale factor (can be thought of as dpr). Defaults to 1.

    • extraHTTPHeaders Object<string, string> (optional)#

      An object containing additional HTTP headers to be sent with every request.

    • forcedColors null|"active"|"none" (optional)#

      Emulates 'forced-colors' media feature, supported values are 'active', 'none'. See page.emulateMedia() for more details. Passing null resets emulation to system defaults. Defaults to 'none'.

    • geolocation Object (optional)#

      • latitude number

        Latitude between -90 and 90.

      • longitude number

        Longitude between -180 and 180.

      • accuracy number (optional)

        Non-negative accuracy value. Defaults to 0.

    • hasTouch boolean (optional)#

      Specifies if viewport supports touch events. Defaults to false.

    • httpCredentials Object (optional)#

      Credentials for HTTP authentication.

    • ignoreHTTPSErrors boolean (optional)#

      Whether to ignore HTTPS errors when sending network requests. Defaults to false.

    • isMobile boolean (optional)#

      Whether the meta viewport tag is taken into account and touch events are enabled. Defaults to false. Not supported in Firefox.

    • javaScriptEnabled boolean (optional)#

      Whether or not to enable JavaScript in the context. Defaults to true.

    • locale string (optional)#

      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.

    • logger Logger (optional)#

      Logger sink for Playwright logging.

    • offline boolean (optional)#

      Whether to emulate network being offline. Defaults to false.

    • permissions Array<string> (optional)#

      A list of permissions to grant to all pages in this context. See browserContext.grantPermissions() for more details.

    • proxy Object (optional)#

      • server string

        Proxy to be used for all requests. HTTP and SOCKS proxies are supported, for example http://myproxy.com:3128 or socks5://myproxy.com:3128. Short form myproxy.com:3128 is considered an HTTP proxy.

      • bypass string (optional)

        Optional comma-separated domains to bypass proxy, for example ".com, chromium.org, .domain.com".

      • username string (optional)

        Optional username to use if HTTP proxy requires authentication.

      • password string (optional)

        Optional password to use if HTTP proxy requires authentication.

      Network proxy settings to use with this context.

      note

      For Chromium on Windows the browser needs to be launched with the global proxy for this option to work. If all contexts override the proxy, global proxy will be never used and can be any string, for example launch({ proxy: { server: 'http://per-context' } }).

    • recordHar Object (optional)#

      • omitContent boolean (optional)

        Optional setting to control whether to omit request content from the HAR. Defaults to false. Deprecated, use content policy instead.

      • content "omit"|"embed"|"attach" (optional)

        Optional setting to control resource content management. If omit is specified, content is not persisted. If attach is specified, resources are persisted as separate files or entries in the ZIP archive. If embed is specified, content is stored inline the HAR file as per HAR specification. Defaults to attach for .zip output files and to embed for all other file extensions.

      • path string

        Path on the filesystem to write the HAR file to. If the file name ends with .zip, content: 'attach' is used by default.

      • mode "full"|"minimal" (optional)

        When set to minimal, only record information necessary for routing from HAR. This omits sizes, timing, page, cookies, security and other types of HAR information that are not used when replaying from HAR. Defaults to full.

      • urlFilter string|RegExp (optional)

        A glob or regex pattern to filter requests that are stored in the HAR. When a baseURL via the context options was provided and the passed URL is a path, it gets merged via the new URL() constructor.

      Enables HAR recording for all pages into recordHar.path file. If not specified, the HAR is not recorded. Make sure to await browserContext.close() for the HAR to be saved.

    • recordVideo Object (optional)#

      • dir string

        Path to the directory to put videos into.

      • size Object (optional)

        • width number

          Video frame width.

        • height number

          Video frame height.

        Optional dimensions of the recorded videos. If not specified the size will be equal to viewport scaled down to fit into 800x800. If viewport is not configured explicitly the video size defaults to 800x450. Actual picture of each page will be scaled down if necessary to fit the specified size.

      Enables video recording for all pages into recordVideo.dir directory. If not specified videos are not recorded. Make sure to await browserContext.close() for videos to be saved.

    • reducedMotion null|"reduce"|"no-preference" (optional)#

      Emulates 'prefers-reduced-motion' media feature, supported values are 'reduce', 'no-preference'. See page.emulateMedia() for more details. Passing null resets emulation to system defaults. Defaults to 'no-preference'.

    • screen Object (optional)#

      • width number

        page width in pixels.

      • height number

        page height in pixels.

      Emulates consistent window screen size available inside web page via window.screen. Is only used when the viewport is set.

    • serviceWorkers "allow"|"block" (optional)#

      Whether to allow sites to register Service workers. Defaults to 'allow'.

      • 'allow': Service Workers can be registered.
      • 'block': Playwright will block all registration of Service Workers.
    • storageState string|Object (optional)#

      Populates context with given storage state. This option can be used to initialize context with logged-in information obtained via browserContext.storageState(). Either a path to the file with saved storage, or an object with the following fields:

    • strictSelectors boolean (optional)#

      If set to true, enables strict selectors mode for this context. In the strict selectors mode all operations on selectors that imply single target DOM element will throw when more than one element matches the selector. This option does not affect any Locator APIs (Locators are always strict). See Locator to learn more about the strict mode.

    • timezoneId string (optional)#

      Changes the timezone of the context. See ICU's metaZones.txt for a list of supported timezone IDs.

    • userAgent string (optional)#

      Specific user agent to use in this context.

    • videoSize Object (optional)#

      Deprecated

      Use recordVideo instead.

      • width number

        Video frame width.

      • height number

        Video frame height.

    • videosPath string (optional)#

      Deprecated

      Use recordVideo instead.

    • viewport null|Object (optional)#

      • width number

        page width in pixels.

      • height number

        page height in pixels.

      Emulates consistent viewport for each page. Defaults to an 1280x720 viewport. null disables the default viewport.

Returns


startTracing

Added in: v1.11browser.startTracing
note

This API controls Chromium Tracing which is a low-level chromium-specific debugging tool. API to control Playwright Tracing could be found here.

You can use browser.startTracing() and browser.stopTracing() to create a trace file that can be opened in Chrome DevTools performance panel.

Usage

await browser.startTracing(page, {path: 'trace.json'});
await page.goto('https://www.google.com');
await browser.stopTracing();

Arguments

  • page Page (optional)#

    Optional, if specified, tracing includes screenshots of the given page.

  • options Object (optional)

    • categories Array<string> (optional)#

      specify custom categories to use instead of default.

    • path string (optional)#

      A path to write the trace file to.

    • screenshots boolean (optional)#

      captures screenshots in the trace.


stopTracing

Added in: v1.11browser.stopTracing
note

This API controls Chromium Tracing which is a low-level chromium-specific debugging tool. API to control Playwright Tracing could be found here.

Returns the buffer with trace data.

Usage

await browser.stopTracing();

Returns


version

Added in: v1.8browser.version

Returns the browser version.

Usage

browser.version();

Returns


Events

on('disconnected')

Added in: v1.8browser.on('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.

Usage

browser.on('disconnected', data => {});

Event data