This method attaches Playwright to an existing browser instance created via BrowserType.launchServer in Node.js.
NOTE The major and minor version of the Playwright instance that connects needs to match the version of Playwright that launches the browser (1.2.3 → is compatible with 1.2.x).
Optionaloptions: ConnectOptionsThis method attaches Playwright to an existing browser instance created via BrowserType.launchServer in Node.js.
NOTE The major and minor version of the Playwright instance that connects needs to match the version of Playwright that launches the browser (1.2.3 → is compatible with 1.2.x).
This method attaches Playwright to an existing browser instance using the Chrome DevTools Protocol.
The default browser context is accessible via browser.contexts().
NOTE Connecting over the Chrome DevTools Protocol is only supported for Chromium-based browsers.
NOTE This connection is significantly lower fidelity than the Playwright protocol connection via browserType.connect(endpoint[, options]). If you are experiencing issues or attempting to use advanced functionality, you probably want to use browserType.connect(endpoint[, options]).
NOTE Playwright maintains a curated list of arguments for launching the browser. If you launch the browser without Playwright and do not pass the exact same arguments, some of Playwright functionality may be broken upon connecting to the browser.
Usage
const browser = await playwright.chromium.connectOverCDP('http://localhost:9222');
const defaultContext = browser.contexts()[0];
const page = defaultContext.pages()[0];
A CDP websocket endpoint or http url to connect to. For example http://localhost:9222/ or
ws://127.0.0.1:9222/devtools/browser/387adf4c-243f-4051-a181-46798f4a46f4.
Optionaloptions: ConnectOverCDPOptionsThis method attaches Playwright to an existing browser instance using the Chrome DevTools Protocol.
The default browser context is accessible via browser.contexts().
NOTE Connecting over the Chrome DevTools Protocol is only supported for Chromium-based browsers.
NOTE This connection is significantly lower fidelity than the Playwright protocol connection via browserType.connect(endpoint[, options]). If you are experiencing issues or attempting to use advanced functionality, you probably want to use browserType.connect(endpoint[, options]).
NOTE Playwright maintains a curated list of arguments for launching the browser. If you launch the browser without Playwright and do not pass the exact same arguments, some of Playwright functionality may be broken upon connecting to the browser.
Usage
const browser = await playwright.chromium.connectOverCDP('http://localhost:9222');
const defaultContext = browser.contexts()[0];
const page = defaultContext.pages()[0];
Optionaloptions: ConnectOverCDPOptionsThis method attaches Playwright to an existing browser instance using the Chrome DevTools Protocol.
The default browser context is accessible via browser.contexts().
NOTE Connecting over the Chrome DevTools Protocol is only supported for Chromium-based browsers.
NOTE This connection is significantly lower fidelity than the Playwright protocol connection via browserType.connect(endpoint[, options]). If you are experiencing issues or attempting to use advanced functionality, you probably want to use browserType.connect(endpoint[, options]).
NOTE Playwright maintains a curated list of arguments for launching the browser. If you launch the browser without Playwright and do not pass the exact same arguments, some of Playwright functionality may be broken upon connecting to the browser.
Usage
const browser = await playwright.chromium.connectOverCDP('http://localhost:9222');
const defaultContext = browser.contexts()[0];
const page = defaultContext.pages()[0];
A path where Playwright expects to find a bundled browser executable.
Returns the browser instance.
Usage
You can use
ignoreDefaultArgs
to filter out --mute-audio from default arguments:
const browser = await chromium.launch({ // Or 'firefox' or 'webkit'.
ignoreDefaultArgs: ['--mute-audio']
});
Chromium-only Playwright can also be used to control the Google Chrome or Microsoft Edge browsers, but it works best with the version of Chromium it is bundled with. There is no guarantee it will work with any other version. Use
executablePathoption with extreme caution.If Google Chrome (rather than Chromium) is preferred, a Chrome Canary or Dev Channel build is suggested.
Stock browsers like Google Chrome and Microsoft Edge are suitable for tests that require proprietary media codecs for video playback. See this article for other differences between Chromium and Chrome. This article describes some differences for Linux users.
Optionaloptions: LaunchOptionsReturns the persistent browser context instance.
Launches browser that uses persistent storage located at
userDataDir
and returns the only context. Closing this context will automatically close the browser.
Path to a User Data Directory, which stores browser session data like cookies and local storage. Pass an empty string to create a temporary directory.
More details for
Chromium and
Firefox. Chromium's user data directory is the
parent directory of the "Profile Path" seen at chrome://version.
Note that browsers do not allow launching multiple instances with the same User Data Directory.
NOTE Chromium/Chrome: Due to recent Chrome policy changes, automating the default Chrome user profile is not
supported. Pointing userDataDir to Chrome's main "User Data" directory (the profile used for your regular
browsing) may result in pages not loading or the browser exiting. Create and use a separate directory (for example,
an empty folder) as your automation profile instead. See https://developer.chrome.com/blog/remote-debugging-port
for details.
Optionaloptions: {OptionalacceptDownloads?: booleanWhether to automatically download all the attachments. Defaults to true where all the downloads are accepted.
Optionalargs?: string[]NOTE Use custom browser args at your own risk, as some of them may break Playwright functionality.
Additional arguments to pass to the browser instance. The list of Chromium flags can be found here.
OptionalartifactsDir?: stringIf specified, artifacts (traces, videos, downloads, HAR files, etc.) are saved into this directory. The directory is not cleaned up when the browser closes. If not specified, a temporary directory is used and cleaned up when the browser closes.
OptionalbaseURL?: stringWhen using page.goto(url[, options]),
page.route(url, handler[, options]),
page.waitForURL(url[, options]),
page.waitForRequest(urlOrPredicate[, options]),
or
page.waitForResponse(urlOrPredicate[, options])
it takes the base URL in consideration by using the
URL() constructor for building the corresponding URL.
Unset by default. Examples:
http://localhost:3000 and navigating to /bar.html results in http://localhost:3000/bar.htmlhttp://localhost:3000/foo/ and navigating to ./bar.html results in
http://localhost:3000/foo/bar.htmlhttp://localhost:3000/foo (without trailing slash) and navigating to ./bar.html results in
http://localhost:3000/bar.htmlOptionalbypassCSP?: booleanToggles bypassing page's Content-Security-Policy. Defaults to false.
Optionalchannel?: stringBrowser distribution channel.
Use "chromium" to opt in to new headless mode.
Use "chrome", "chrome-beta", "chrome-dev", "chrome-canary", "msedge", "msedge-beta", "msedge-dev", or "msedge-canary" to use branded Google Chrome and Microsoft Edge.
OptionalchromiumSandbox?: booleanEnable Chromium sandboxing. Defaults to false.
OptionalclientCertificates?: {TLS Client Authentication allows the server to request a client certificate and verify it.
Details
An array of client certificates to be used. Each certificate object must have either both certPath and keyPath,
a single pfxPath, or their corresponding direct value equivalents (cert and key, or pfx). Optionally,
passphrase property should be provided if the certificate is encrypted. The origin property should be provided
with an exact match to the request origin that the certificate is valid for.
Client certificate authentication is only active when at least one client certificate is provided. If you want to
reject all client certificates sent by the server, you need to provide a client certificate with an origin that
does not match any of the domains you plan to visit.
NOTE When using WebKit on macOS, accessing localhost will not pick up client certificates. You can make it
work by replacing localhost with local.playwright.
OptionalcolorScheme?: "light" | "dark" | "no-preference" | nullEmulates prefers-colors-scheme
media feature, supported values are 'light' and 'dark'. See
page.emulateMedia([options]) for more details.
Passing null resets emulation to system defaults. Defaults to 'light'.
Optionalcontrast?: "no-preference" | "more" | nullEmulates 'prefers-contrast' media feature, supported values are 'no-preference', 'more'. See
page.emulateMedia([options]) for more details.
Passing null resets emulation to system defaults. Defaults to 'no-preference'.
OptionaldeviceScaleFactor?: numberSpecify device scale factor (can be thought of as dpr). Defaults to 1. Learn more about
emulating devices with device scale factor.
OptionaldownloadsPath?: stringIf specified, accepted downloads are downloaded into this directory. Otherwise, temporary directory is created and is deleted when browser is closed. In either case, the downloads are deleted when the browser context they were created in is closed.
Optionalenv?: { [key: string]: string | undefined }OptionalexecutablePath?: stringPath to a browser executable to run instead of the bundled one. If
executablePath
is a relative path, then it is resolved relative to the current working directory. Note that Playwright only works
with the bundled Chromium, Firefox or WebKit, use at your own risk.
OptionalextraHTTPHeaders?: { [key: string]: string }An object containing additional HTTP headers to be sent with every request. Defaults to none.
OptionalfirefoxUserPrefs?: { [key: string]: string | number | boolean }Firefox user preferences. Learn more about the Firefox user preferences at
about:config.
You can also provide a path to a custom policies.json file via
PLAYWRIGHT_FIREFOX_POLICIES_JSON environment variable.
OptionalforcedColors?: "none" | "active" | nullEmulates 'forced-colors' media feature, supported values are 'active', 'none'. See
page.emulateMedia([options]) for more details.
Passing null resets emulation to system defaults. Defaults to 'none'.
Optionalgeolocation?: { accuracy?: number; latitude: number; longitude: number }Optionalaccuracy?: numberNon-negative accuracy value. Defaults to 0.
Latitude between -90 and 90.
Longitude between -180 and 180.
OptionalhandleSIGHUP?: booleanClose the browser process on SIGHUP. Defaults to true.
OptionalhandleSIGINT?: booleanClose the browser process on Ctrl-C. Defaults to true.
OptionalhandleSIGTERM?: booleanClose the browser process on SIGTERM. Defaults to true.
OptionalhasTouch?: booleanSpecifies if viewport supports touch events. Defaults to false. Learn more about mobile emulation.
Optionalheadless?: booleanOptionalhttpCredentials?: {Credentials for HTTP authentication. If no origin is specified, the username and password are sent to any servers upon unauthorized responses.
Optionalorigin?: stringRestrain sending http credentials on specific origin (scheme://host:port).
Optionalsend?: "always" | "unauthorized"This option only applies to the requests sent from corresponding
APIRequestContext and does not affect requests sent from
the browser. 'always' - Authorization header with basic authentication credentials will be sent with the each
API request. 'unauthorized - the credentials are only sent when 401 (Unauthorized) response with
WWW-Authenticate header is received. Defaults to 'unauthorized'.
OptionalignoreDefaultArgs?: boolean | string[]If true, Playwright does not pass its own configurations args and only uses the ones from
args. If
an array is given, then filters out the given default arguments. Dangerous option; use with care. Defaults to
false.
OptionalignoreHTTPSErrors?: booleanWhether to ignore HTTPS errors when sending network requests. Defaults to false.
OptionalisMobile?: booleanWhether the meta viewport tag is taken into account and touch events are enabled. isMobile is a part of device,
so you don't actually need to set it manually. Defaults to false and is not supported in Firefox. Learn more
about mobile emulation.
OptionaljavaScriptEnabled?: booleanWhether or not to enable JavaScript in the context. Defaults to true. Learn more about
disabling JavaScript.
Optionallocale?: stringSpecify 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. Defaults to the system default
locale. Learn more about emulation in our emulation guide.
Optionallogger?: LoggerLogger sink for Playwright logging.
Optionaloffline?: booleanWhether to emulate network being offline. Defaults to false. Learn more about
network emulation.
Optionalpermissions?: string[]A list of permissions to grant to all pages in this context. See browserContext.grantPermissions(permissions[, options]) for more details. Defaults to none.
Optionalproxy?: { bypass?: string; password?: string; server: string; username?: string }Network proxy settings.
Optionalbypass?: stringOptional comma-separated domains to bypass proxy, for example ".com, chromium.org, .domain.com".
Optionalpassword?: stringOptional password to use if HTTP proxy requires authentication.
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.
Optionalusername?: stringOptional username to use if HTTP proxy requires authentication.
OptionalrecordHar?: {Enables HAR recording for all pages into recordHar.path file.
If not specified, the HAR is not recorded. Make sure to await
browserContext.close([options]) for
the HAR to be saved.
Optionalcontent?: "embed" | "attach" | "omit"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.
Optionalmode?: "full" | "minimal"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.
OptionalomitContent?: booleanOptional setting to control whether to omit request content from the HAR. Defaults to false. Deprecated, use
content policy instead.
Path on the filesystem to write the HAR file to. If the file name ends with .zip, content: 'attach' is used by
default.
OptionalurlFilter?: string | RegExpOptionalrecordVideo?: {Enables video recording for all pages into recordVideo.dir directory. If not specified videos are not recorded.
Make sure to await
browserContext.close([options]) for
videos to be saved.
Optionaldir?: stringPath to the directory to put videos into. If not specified, the videos will be stored in artifactsDir (see
browserType.launch([options]) options).
OptionalshowActions?: {If specified, enables visual annotations on interacted elements during video recording.
Optionalcursor?: "none" | "pointer"Cursor decoration shown for pointer actions. "pointer" (the default) renders a mouse pointer that animates from
the previous action point to the next one. "none" disables the cursor decoration.
Optionalduration?: numberHow long each annotation is displayed in milliseconds. Defaults to 500.
OptionalfontSize?: numberFont size of the action title in pixels. Defaults to 24.
Optionalposition?: "top-left" | "top" | "top-right" | "bottom-left" | "bottom" | "bottom-right"Position of the action title overlay. Defaults to "top-right".
Optionalsize?: { height: number; width: number }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.
Video frame height.
Video frame width.
OptionalreducedMotion?: "reduce" | "no-preference" | nullEmulates 'prefers-reduced-motion' media feature, supported values are 'reduce', 'no-preference'. See
page.emulateMedia([options]) for more details.
Passing null resets emulation to system defaults. Defaults to 'no-preference'.
Optionalscreen?: { height: number; width: number }Emulates consistent window screen size available inside web page via window.screen. Is only used when the
viewport
is set.
page height in pixels.
page width in pixels.
OptionalserviceWorkers?: "block" | "allow"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.OptionalslowMo?: numberSlows down Playwright operations by the specified amount of milliseconds. Useful so that you can see what is going on.
OptionalstrictSelectors?: booleanIf 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). Defaults to false. See
Locator to learn more about the strict mode.
Optionaltimeout?: numberMaximum time in milliseconds to wait for the browser instance to start. Defaults to 30000 (30 seconds). Pass 0
to disable timeout.
OptionaltimezoneId?: stringChanges the timezone of the context. See ICU's metaZones.txt for a list of supported timezone IDs. Defaults to the system timezone.
OptionaltracesDir?: stringIf specified, traces are saved into this directory.
OptionaluserAgent?: stringSpecific user agent to use in this context.
Optionalviewport?: { height: number; width: number } | nullEmulates consistent viewport for each page. Defaults to an 1280x720 viewport. Use null to disable the consistent
viewport emulation. Learn more about viewport emulation.
NOTE The null value opts out from the default presets, makes viewport depend on the host window size defined
by the operating system. It makes the execution of the tests non-deterministic.
Returns the browser app instance. You can connect to it via browserType.connect(endpoint[, options]), which requires the major/minor client/server version to match (1.2.3 → is compatible with 1.2.x).
Usage
Launches browser server that client can connect to. An example of launching a browser executable and connecting to it later:
const { chromium } = require('playwright'); // Or 'webkit' or 'firefox'.
(async () => {
const browserServer = await chromium.launchServer();
const wsEndpoint = browserServer.wsEndpoint();
// Use web socket endpoint later to establish a connection.
const browser = await chromium.connect(wsEndpoint);
// Close browser instance.
await browserServer.close();
})();
Optionaloptions: {Optionalargs?: string[]NOTE Use custom browser args at your own risk, as some of them may break Playwright functionality.
Additional arguments to pass to the browser instance. The list of Chromium flags can be found here.
OptionalartifactsDir?: stringIf specified, artifacts (traces, videos, downloads, HAR files, etc.) are saved into this directory. The directory is not cleaned up when the browser closes. If not specified, a temporary directory is used and cleaned up when the browser closes.
Optionalchannel?: stringBrowser distribution channel.
Use "chromium" to opt in to new headless mode.
Use "chrome", "chrome-beta", "chrome-dev", "chrome-canary", "msedge", "msedge-beta", "msedge-dev", or "msedge-canary" to use branded Google Chrome and Microsoft Edge.
OptionalchromiumSandbox?: booleanEnable Chromium sandboxing. Defaults to false.
OptionaldownloadsPath?: stringIf specified, accepted downloads are downloaded into this directory. Otherwise, temporary directory is created and is deleted when browser is closed. In either case, the downloads are deleted when the browser context they were created in is closed.
Optionalenv?: { [key: string]: string | undefined }OptionalexecutablePath?: stringPath to a browser executable to run instead of the bundled one. If
executablePath
is a relative path, then it is resolved relative to the current working directory. Note that Playwright only works
with the bundled Chromium, Firefox or WebKit, use at your own risk.
OptionalfirefoxUserPrefs?: { [key: string]: string | number | boolean }Firefox user preferences. Learn more about the Firefox user preferences at
about:config.
You can also provide a path to a custom policies.json file via
PLAYWRIGHT_FIREFOX_POLICIES_JSON environment variable.
OptionalhandleSIGHUP?: booleanClose the browser process on SIGHUP. Defaults to true.
OptionalhandleSIGINT?: booleanClose the browser process on Ctrl-C. Defaults to true.
OptionalhandleSIGTERM?: booleanClose the browser process on SIGTERM. Defaults to true.
Optionalheadless?: booleanOptionalhost?: stringHost to use for the web socket. It is optional and defaults to localhost, accepting connections only from the
loopback interface. Pass an explicit address (e.g. 0.0.0.0) to accept connections from the network — be aware
this exposes the browser RPC to anything that can reach the listening port.
OptionalignoreDefaultArgs?: boolean | string[]If true, Playwright does not pass its own configurations args and only uses the ones from
args. If an array is
given, then filters out the given default arguments. Dangerous option; use with care. Defaults to false.
Optionallogger?: LoggerLogger sink for Playwright logging.
Optionalport?: numberPort to use for the web socket. Defaults to 0 that picks any available port.
Optionalproxy?: { bypass?: string; password?: string; server: string; username?: string }Network proxy settings.
Optionalbypass?: stringOptional comma-separated domains to bypass proxy, for example ".com, chromium.org, .domain.com".
Optionalpassword?: stringOptional password to use if HTTP proxy requires authentication.
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.
Optionalusername?: stringOptional username to use if HTTP proxy requires authentication.
Optionaltimeout?: numberMaximum time in milliseconds to wait for the browser instance to start. Defaults to 30000 (30 seconds). Pass 0
to disable timeout.
OptionaltracesDir?: stringIf specified, traces are saved into this directory.
OptionalwsPath?: stringPath at which to serve the Browser Server. For security, this defaults to an unguessable string.
NOTE Any process or web page (including those running in Playwright) with knowledge of the wsPath can take
control of the OS user. For this reason, you should use an unguessable token when using this option.
Returns browser name. For example: 'chromium', 'webkit' or 'firefox'.
BrowserType provides methods to launch a specific browser instance or connect to an existing one. The following is a typical example of using Playwright to drive automation: