Browser
通过 browserType.launch() 创建一个 Browser。以下是使用 Browser 创建 Page 的示例:
const { firefox } = require('playwright'); // 或者 'chromium' 或 'webkit'。
(async () => {
const browser = await firefox.launch();
const page = await browser.newPage();
await page.goto('https://example.com');
await browser.close();
})();
方法
browserType
新增于: v1.23获取该浏览器所属的浏览器类型(chromium、firefox 或 webkit)。
用法
browser.browserType();
返回值
close
v1.9 之前新增如果该浏览器是通过 browserType.launch() 获取的,则关闭浏览器及其所有页面(如果有打开的页面)。
如果该浏览器是连接获得的,则会清除属于该浏览器的所有已创建上下文,并断开与浏览器服务器的连接。
这类似于强制退出浏览器。为了优雅地关闭页面并确保你能收到页面关闭事件,请在调用 browser.close() 之前,对你之前通过 browser.newContext() 显式创建的所有 BrowserContext 实例调用 browserContext.close()。
Browser 对象本身会被视为已销毁,不能再被使用。
用法
await browser.close();
await browser.close(options);
参数
返回值
contexts
v1.9 之前新增返回所有已打开的浏览器上下文的数组。在新创建的浏览器中,这将返回 0 个浏览器上下文。
用法
const browser = await pw.webkit.launch();
console.log(browser.contexts().length); // 输出 `0`
const context = await browser.newContext();
console.log(browser.contexts().length); // 输出 `1`
返回值
isConnected
v1.9 之前新增指示浏览器是否已连接。
用法
browser.isConnected();
返回值
newBrowserCDPSession
新增于: v1.11CDP 会话仅支持基于 Chromium 的浏览器。
返回新创建的浏览器会话。
用法
await browser.newBrowserCDPSession();
返回值
newContext
v1.9 之前新增创建一个新的浏览器上下文。它不会与其他浏览器上下文共享 cookies/缓存。
如果直接使用此方法创建 BrowserContext,最佳实践是在代码用完该 BrowserContext 后,并且在调用 browser.close() 之前,显式调用 browserContext.close() 关闭返回的上下文。这将确保 context 被优雅地关闭,所有的产物(如 HAR 和视频)都被完整刷新和保存。
用法
(async () => {
const browser = await playwright.firefox.launch(); // 或者 'chromium' 或 'webkit'。
// 创建一个新的无痕浏览器上下文。
const context = await browser.newContext();
// 在全新的上下文中创建一个新页面。
const page = await context.newPage();
await page.goto('https://example.com');
// 优雅地关闭所有内容
await context.close();
await browser.close();
})();
参数
optionsObject (可选)-
是否自动下载所有附件。默认为
true,即所有下载都会被接受。 -
在使用 page.goto()、page.route()、page.waitForURL()、page.waitForRequest() 或 page.waitForResponse() 时,会通过
URL()构造函数来拼接对应的 URL,考虑 base URL。默认不设置。示例:- baseURL:
http://localhost:3000,跳转到/bar.html,结果为http://localhost:3000/bar.html - baseURL:
http://localhost:3000/foo/,跳转到./bar.html,结果为http://localhost:3000/foo/bar.html - baseURL:
http://localhost:3000/foo(无斜杠),跳转到./bar.html,结果为http://localhost:3000/bar.html
- baseURL:
-
是否绕过页面的 Content-Security-Policy。默认为
false。 -
clientCertificatesArray<Object> (可选) 新增于: 1.46#-
originstring证书有效的精确 origin。origin 包含
https协议、主机名和可选端口。 -
certPathstring (可选)证书 PEM 格式文件的路径。
-
certBuffer (可选)证书的 PEM 格式直接内容。
-
keyPathstring (可选)私钥 PEM 格式文件的路径。
-
keyBuffer (可选)私钥的 PEM 格式直接内容。
-
pfxPathstring (可选)PFX 或 PKCS12 编码的私钥和证书链文件路径。
-
pfxBuffer (可选)PFX 或 PKCS12 编码的私钥和证书链的直接内容。
-
passphrasestring (可选)私钥(PEM 或 PFX)的密码。
TLS 客户端认证允许服务器请求客户端证书并进行验证。
详情
要使用的客户端证书数组。每个证书对象必须同时包含
certPath和keyPath,或仅包含一个pfxPath,或它们对应的直接值(cert和key,或pfx)。如果证书已加密,建议提供passphrase属性。origin属性应与证书有效的请求 origin 完全匹配。备注在 macOS 上使用 WebKit 时,访问
localhost不会自动使用客户端证书。你可以将localhost替换为local.playwright来实现。 -
-
colorSchemenull | "light" | "dark" | "no-preference" (可选)#模拟 prefers-colors-scheme 媒体特性,支持的值有
'light'和'dark'。详见 page.emulateMedia()。传递null可重置为系统默认。默认为'light'。 -
contrastnull | "no-preference" | "more" (可选)#模拟
'prefers-contrast'媒体特性,支持的值有'no-preference'、'more'。详见 page.emulateMedia()。传递null可重置为系统默认。默认为'no-preference'。 -
deviceScaleFactornumber (可选)#指定设备像素比(可理解为 dpr)。默认为
1。了解更多关于设备像素比模拟。 -
extraHTTPHeadersObject<string, string> (可选)#包含每个请求要发送的额外 HTTP 头的对象。默认无。
-
forcedColorsnull | "active" | "none" (可选)#模拟
'forced-colors'媒体特性,支持的值有'active'、'none'。详见 page.emulateMedia()。传递null可重置为系统默认。默认为'none'。 -
指定视口是否支持触摸事件。默认为 false。了解更多移动端模拟。
-
-
usernamestring -
passwordstring -
originstring (可选)限定仅在特定 origin(scheme://host:port)发送 http 凭据。
-
send"unauthorized" | "always" (可选)此选项仅适用于对应 APIRequestContext 发送的请求,不影响浏览器发出的请求。
'always'- 每个 API 请求都会携带带有基本认证凭据的Authorization头。'unauthorized'- 仅在收到带有WWW-Authenticate头的 401(未授权)响应时发送凭据。默认为'unauthorized'。
HTTP 认证凭据。如果未指定 origin,则用户名和密码会在收到未授权响应时发送给任意服务器。
-
-
ignoreHTTPSErrorsboolean (可选)#是否在发送网络请求时忽略 HTTPS 错误。默认为
false。 -
是否考虑
meta viewport标签并启用触摸事件。isMobile 是设备配置的一部分,通常无需手动设置。默认为false,Firefox 不支持。了解更多移动端模拟。 -
javaScriptEnabledboolean (可选)#是否启用 JavaScript。默认为
true。了解更多禁用 JavaScript。 -
指定用户区域设置,例如
en-GB、de-DE等。该设置会影响navigator.language、Accept-Language请求头以及数字和日期格式。默认为系统默认区域。详见模拟指南。 -
Playwright 日志的日志记录器。
-
是否模拟网络离线。默认为
false。了解更多网络模拟。 -
permissionsArray<string> (可选)#要授予该上下文所有页面的权限列表。详见 browserContext.grantPermissions()。默认无。
-
-
serverstring所有请求使用的代理。支持 HTTP 和 SOCKS 代理,例如
http://myproxy.com:3128或socks5://myproxy.com:3128。简写myproxy.com:3128视为 HTTP 代理。 -
bypassstring (可选)可选,逗号分隔的域名列表,表示这些域名不走代理,例如
".com, chromium.org, .domain.com"。 -
usernamestring (可选)如果 HTTP 代理需要认证,使用的用户名。
-
passwordstring (可选)如果 HTTP 代理需要认证,使用的密码。
该上下文使用的网络代理设置。默认无。
-
-
-
omitContentboolean (可选)是否省略 HAR 中的请求内容。默认为
false。已废弃,请使用content策略。 -
content"omit" | "embed" | "attach" (可选)控制资源内容管理的可选设置。如果为
omit,则内容不会被持久化。如果为attach,资源会作为单独文件或 ZIP 存档中的条目保存。如果为embed,内容会按 HAR 规范内嵌在 HAR 文件中。.zip输出文件默认attach,其他扩展名默认embed。 -
pathstringHAR 文件写入的文件系统路径。如果文件名以
.zip结尾,默认使用content: 'attach'。 -
mode"full" | "minimal" (可选)设置为
minimal时,仅记录 HAR 路由所需的信息。不会记录大小、时序、页面、cookie、安全等信息。默认为full。 -
urlFilterstring | RegExp (可选)用于过滤存储到 HAR 的请求的 glob 或正则表达式。当通过上下文选项提供了 baseURL 且传递的 URL 是路径时,会通过
new URL()合并。默认无。
为所有页面启用 HAR 录制,保存到
recordHar.path文件。如果未指定,则不录制 HAR。请确保在 browserContext.close() 后再读取 HAR 文件。 -
-
-
dirstring视频保存的目录路径。
-
sizeObject (可选)录制视频的可选尺寸。如果未指定,则等于
viewport,并缩放到最大 800x800。如果未显式配置viewport,则视频尺寸默认为 800x450。每个页面的实际画面会根据需要缩放以适应指定尺寸。
为所有页面启用视频录制,保存到
recordVideo.dir目录。如果未指定,则不录制视频。请确保在 browserContext.close() 后再读取视频文件。 -
-
reducedMotionnull | "reduce" | "no-preference" (可选)#模拟
'prefers-reduced-motion'媒体特性,支持的值有'reduce'、'no-preference'。详见 page.emulateMedia()。传递null可重置为系统默认。默认为'no-preference'。 -
模拟页面内通过
window.screen可获取的窗口屏幕尺寸。仅在设置了 viewport 时生效。 -
serviceWorkers"allow" | "block" (可选)#是否允许站点注册 Service Worker。默认为
'allow'。'allow':Service Worker 可以被注册。'block':Playwright 会阻止所有 Service Worker 注册。
-
storageStatestring | Object (可选)#-
-
namestring -
valuestring -
domainstring必须指定 domain 和 path。若要让 cookie 适用于所有子域,domain 前加点,如 ".example.com"
-
pathstring必须指定 domain 和 path
-
expiresnumberUnix 时间戳(秒)。
-
httpOnlyboolean -
secureboolean -
sameSite"Strict" | "Lax" | "None"sameSite 标志
要为上下文设置的 cookie
-
了解更多关于存储状态与认证。
用给定的存储状态初始化上下文。可用于用 browserContext.storageState() 获取的登录信息初始化上下文。
-
-
若设置为 true,则为该上下文启用严格选择器模式。在严格模式下,所有要求唯一 DOM 元素的选择器操作,如果匹配到多个元素会抛出异常。此选项不影响 Locator API(Locator 始终严格)。默认为
false。详见 Locator 了解严格模式。 -
更改上下文的时区。详见 ICU 的 metaZones.txt 获取支持的时区 ID。默认为系统时区。
-
要在该上下文中使用的特定 User-Agent。
-
已废弃
请使用 recordVideo 代替。
-
已废弃
请使用 recordVideo 代替。
-
为每个页面模拟一致的视口。默认为 1280x720 视口。使用
null可禁用一致视口模拟。了解更多视口模拟。备注null值会跳过默认预设,使视口取决于操作系统定义的主机窗口大小。这样会导致测试执行结果不确定。
-
返回值
newPage
v1.9 之前新增在新的浏览器上下文中创建一个新页面。关闭该页面时也会关闭对应的上下文。
这是一个便捷 API,仅建议用于单页面场景和简短代码片段。生产环境代码和测试框架应显式调用 browser.newContext() 后再调用 browserContext.newPage() 以便精确控制生命周期。
用法
await browser.newPage();
await browser.newPage(options);
参数
optionsObject (可选)-
是否自动下载所有附件。默认为
true,即所有下载都会被接受。 -
在使用 page.goto()、page.route()、page.waitForURL()、page.waitForRequest() 或 page.waitForResponse() 时,会通过
URL()构造函数来拼接对应的 URL,考虑 base URL。默认不设置。示例:- baseURL:
http://localhost:3000,跳转到/bar.html,结果为http://localhost:3000/bar.html - baseURL:
http://localhost:3000/foo/,跳转到./bar.html,结果为http://localhost:3000/foo/bar.html - baseURL:
http://localhost:3000/foo(无斜杠),跳转到./bar.html,结果为http://localhost:3000/bar.html
- baseURL:
-
是否绕过页面的 Content-Security-Policy。默认为
false。 -
clientCertificatesArray<Object> (可选) 新增于: 1.46#-
originstring证书有效的精确 origin。origin 包含
https协议、主机名和可选端口。 -
certPathstring (可选)证书 PEM 格式文件的路径。
-
certBuffer (可选)证书的 PEM 格式直接内容。
-
keyPathstring (可选)私钥 PEM 格式文件的路径。
-
keyBuffer (可选)私钥的 PEM 格式直接内容。
-
pfxPathstring (可选)PFX 或 PKCS12 编码的私钥和证书链文件路径。
-
pfxBuffer (可选)PFX 或 PKCS12 编码的私钥和证书链的直接内容。
-
passphrasestring (可选)私钥(PEM 或 PFX)的密码。
TLS 客户端认证允许服务器请求客户端证书并进行验证。
详情
要使用的客户端证书数组。每个证书对象必须同时包含
certPath和keyPath,或仅包含一个pfxPath,或它们对应的直接值(cert和key,或pfx)。如果证书已加密,建议提供passphrase属性。origin属性应与证书有效的请求 origin 完全匹配。备注在 macOS 上使用 WebKit 时,访问
localhost不会自动使用客户端证书。你可以将localhost替换为local.playwright来实现。 -
-
colorSchemenull | "light" | "dark" | "no-preference" (可选)#模拟 prefers-colors-scheme 媒体特性,支持的值有
'light'和'dark'。详见 page.emulateMedia()。传递null可重置为系统默认。默认为'light'。 -
contrastnull | "no-preference" | "more" (可选)#模拟
'prefers-contrast'媒体特性,支持的值有'no-preference'、'more'。详见 page.emulateMedia()。传递null可重置为系统默认。默认为'no-preference'。 -
deviceScaleFactornumber (可选)#指定设备像素比(可理解为 dpr)。默认为
1。了解更多关于设备像素比模拟。 -
extraHTTPHeadersObject<string, string> (可选)#包含每个请求要发送的额外 HTTP 头的对象。默认无。
-
forcedColorsnull | "active" | "none" (可选)#模拟
'forced-colors'媒体特性,支持的值有'active'、'none'。详见 page.emulateMedia()。传递null可重置为系统默认。默认为'none'。 -
指定视口是否支持触摸事件。默认为 false。了解更多移动端模拟。
-
-
usernamestring -
passwordstring -
originstring (可选)限定仅在特定 origin(scheme://host:port)发送 http 凭据。
-
send"unauthorized" | "always" (可选)此选项仅适用于对应 APIRequestContext 发送的请求,不影响浏览器发出的请求。
'always'- 每个 API 请求都会携带带有基本认证凭据的Authorization头。'unauthorized'- 仅在收到带有WWW-Authenticate头的 401(未授权)响应时发送凭据。默认为'unauthorized'。
HTTP 认证凭据。如果未指定 origin,则用户名和密码会在收到未授权响应时发送给任意服务器。
-
-
ignoreHTTPSErrorsboolean (可选)#是否在发送网络请求时忽略 HTTPS 错误。默认为
false。 -
是否考虑
meta viewport标签并启用触摸事件。isMobile 是设备配置的一部分,通常无需手动设置。默认为false,Firefox 不支持。了解更多移动端模拟。 -
javaScriptEnabledboolean (可选)#是否启用 JavaScript。默认为
true。了解更多禁用 JavaScript。 -
指定用户区域设置,例如
en-GB、de-DE等。该设置会影响navigator.language、Accept-Language请求头以及数字和日期格式。默认为系统默认区域。详见模拟指南。 -
Playwright 日志的日志记录器。
-
是否模拟网络离线。默认为
false。了解更多网络模拟。 -
permissionsArray<string> (可选)#要授予该上下文所有页面的权限列表。详见 browserContext.grantPermissions()。默认无。
-
-
serverstring所有请求使用的代理。支持 HTTP 和 SOCKS 代理,例如
http://myproxy.com:3128或socks5://myproxy.com:3128。简写myproxy.com:3128视为 HTTP 代理。 -
bypassstring (可选)可选,逗号分隔的域名列表,表示这些域名不走代理,例如
".com, chromium.org, .domain.com"。 -
usernamestring (可选)如果 HTTP 代理需要认证,使用的用户名。
-
passwordstring (可选)如果 HTTP 代理需要认证,使用的密码。
该上下文使用的网络代理设置。默认无。
-
-
-
omitContentboolean (可选)是否省略 HAR 中的请求内容。默认为
false。已废弃,请使用content策略。 -
content"omit" | "embed" | "attach" (可选)控制资源内容管理的可选设置。如果为
omit,则内容不会被持久化。如果为attach,资源会作为单独文件或 ZIP 存档中的条目保存。如果为embed,内容会按 HAR 规范内嵌在 HAR 文件中。.zip输出文件默认attach,其他扩展名默认embed。 -
pathstringHAR 文件写入的文件系统路径。如果文件名以
.zip结尾,默认使用content: 'attach'。 -
mode"full" | "minimal" (可选)设置为
minimal时,仅记录 HAR 路由所需的信息。不会记录大小、时序、页面、cookie、安全等信息。默认为full。 -
urlFilterstring | RegExp (可选)用于过滤存储到 HAR 的请求的 glob 或正则表达式。当通过上下文选项提供了 baseURL 且传递的 URL 是路径时,会通过
new URL()合并。默认无。
为所有页面启用 HAR 录制,保存到
recordHar.path文件。如果未指定,则不录制 HAR。请确保在 browserContext.close() 后再读取 HAR 文件。 -
-
-
dirstring视频保存的目录路径。
-
sizeObject (可选)录制视频的可选尺寸。如果未指定,则等于
viewport,并缩放到最大 800x800。如果未显式配置viewport,则视频尺寸默认为 800x450。每个页面的实际画面会根据需要缩放以适应指定尺寸。
为所有页面启用视频录制,保存到
recordVideo.dir目录。如果未指定,则不录制视频。请确保在 browserContext.close() 后再读取视频文件。 -
-
reducedMotionnull | "reduce" | "no-preference" (可选)#模拟
'prefers-reduced-motion'媒体特性,支持的值有'reduce'、'no-preference'。详见 page.emulateMedia()。传递null可重置为系统默认。默认为'no-preference'。 -
模拟页面内通过
window.screen可获取的窗口屏幕尺寸。仅在设置了 viewport 时生效。 -
serviceWorkers"allow" | "block" (可选)#是否允许站点注册 Service Worker。默认为
'allow'。'allow':Service Worker 可以被注册。'block':Playwright 会阻止所有 Service Worker 注册。
-
storageStatestring | Object (可选)#-
-
namestring -
valuestring -
domainstring必须指定 domain 和 path。若要让 cookie 适用于所有子域,domain 前加点,如 ".example.com"
-
pathstring必须指定 domain 和 path
-
expiresnumberUnix 时间戳(秒)。
-
httpOnlyboolean -
secureboolean -
sameSite"Strict" | "Lax" | "None"sameSite 标志
要为上下文设置的 cookie
-
了解更多关于存储状态与认证。
用给定的存储状态初始化上下文。可用于用 browserContext.storageState() 获取的登录信息初始化上下文。
-
-
若设置为 true,则为该上下文启用严格选择器模式。在严格模式下,所有要求唯一 DOM 元素的选择器操作,如果匹配到多个元素会抛出异常。此选项不影响 Locator API(Locator 始终严格)。默认为
false。详见 Locator 了解严格模式。 -
更改上下文的时区。详见 ICU 的 metaZones.txt 获取支持的时区 ID。默认为系统时区。
-
要在该上下文中使用的特定 User-Agent。
-
已废弃
请使用 recordVideo 代替。
-
已废弃
请使用 recordVideo 代替。
-
为每个页面模拟一致的视口。默认为 1280x720 视口。使用
null可禁用一致视口模拟。了解更多视口模拟。备注null值会跳过默认预设,使视口取决于操作系统定义的主机窗口大小。这样会导致测试执行结果不确定。
-
返回值
removeAllListeners
新增于: v1.47移除指定类型的所有监听器(如果未指定类型,则移除所有已注册的监听器)。允许等待异步监听器完成,或忽略这些监听器后续抛出的错误。
用法
await browser.removeAllListeners();
await browser.removeAllListeners(type, options);
参数
typestring (可选)#optionsObject (可选)-
behavior"wait" | "ignoreErrors" | "default" (可选)#指定是否等待已在运行的监听器完成,以及当监听器抛出错误时的处理方式:
'default'- 不等待当前监听器调用(如有)完成,如果监听器抛出异常,可能导致未处理的错误'wait'- 等待当前监听器调用(如有)完成'ignoreErrors'- 不等待当前监听器调用(如有)完成,移除后监听器抛出的所有错误都会被静默捕获
-
返回值
startTracing
新增于: v1.11该 API 控制 Chromium Tracing,这是一个 Chromium 专用的底层调试工具。用于控制 Playwright Tracing 的 API 请见此处。
你可以使用 browser.startTracing() 和 browser.stopTracing() 创建一个可在 Chrome DevTools 性能面板中打开的追踪文件。
用法
await browser.startTracing(page, { path: 'trace.json' });
await page.goto('https://www.google.com');
await browser.stopTracing();
参数
-
可选,如果指定,则追踪会包含该页面的截图。
-
optionsObject (可选)
返回值
stopTracing
新增于: v1.11该 API 控制 Chromium Tracing,这是一个 Chromium 专用的底层调试工具。用于控制 Playwright Tracing 的 API 请见此处。
返回包含追踪数据的缓冲区。
用法
await browser.stopTracing();
返回值
version
v1.9 之前新增返回浏览器的版本号。
用法
browser.version();
返回值
事件
on('disconnected')
v1.9 之前新增当 Browser 与浏览器应用断开连接时触发。可能由于以下原因之一导致:
- 浏览器应用被关闭或崩溃。
- 调用了 browser.close() 方法。
用法
browser.on('disconnected', data => {});
事件数据