跳到主要内容

Route

每当使用 page.route()browserContext.route() 设置网络路由时,Route 对象允许处理该路由。

了解更多关于 网络 的信息。


方法

abort

在 v1.9 之前添加 route.abort

中止路由的请求。

用法

await route.abort();
await route.abort(errorCode);

参数

  • errorCode string (可选)#

    可选的错误代码。默认为 failed,可以是以下之一

    • 'aborted' - 操作已中止(由于用户操作)
    • 'accessdenied' - 拒绝访问网络以外的资源
    • 'addressunreachable' - IP 地址不可达。这通常意味着没有到指定主机或网络的路由。
    • 'blockedbyclient' - 客户端选择阻止请求。
    • 'blockedbyresponse' - 请求失败,因为响应与未满足的要求一起传递(例如,“X-Frame-Options”和“Content-Security-Policy”祖先检查)。
    • 'connectionaborted' - 连接超时,因为未收到发送数据的 ACK。
    • 'connectionclosed' - 连接已关闭(对应于 TCP FIN)。
    • 'connectionfailed' - 连接尝试失败。
    • 'connectionrefused' - 连接尝试被拒绝。
    • 'connectionreset' - 连接已重置(对应于 TCP RST)。
    • 'internetdisconnected' - 互联网连接已丢失。
    • 'namenotresolved' - 无法解析主机名。
    • 'timedout' - 操作超时。
    • 'failed' - 发生通用故障。

返回


continue

在 v1.9 之前添加 route.continue

将路由的请求发送到网络,并带有可选的覆盖。

用法

await page.route('**/*', async (route, request) => {
// Override headers
const headers = {
...request.headers(),
foo: 'foo-value', // set "foo" header
bar: undefined, // remove "bar" header
};
await route.continue({ headers });
});

参数

  • options Object (可选)
    • headers Object<string, string> (可选)#

      如果设置,则更改请求 HTTP 标头。标头值将转换为字符串。

    • method string (可选)#

      如果设置,则更改请求方法(例如 GET 或 POST)。

    • postData string | Buffer | Serializable (可选)#

      如果设置,则更改请求的 post 数据。

    • url string (可选)#

      如果设置,则更改请求 URL。新 URL 必须与原始 URL 具有相同的协议。

返回

详情

headers 选项适用于路由请求及其启动的任何重定向。但是,urlmethodpostData 仅适用于原始请求,并且不会传递到重定向的请求。

route.continue() 将立即将请求发送到网络,不会调用其他匹配的处理程序。如果您希望调用链中的下一个匹配处理程序,请使用 route.fallback()


fallback

添加于: v1.23 route.fallback

继续路由的请求,并带有可选的覆盖。该方法类似于 route.continue(),不同之处在于在发送请求之前将调用其他匹配的处理程序。

用法

当多个路由与给定模式匹配时,它们以与其注册顺序相反的顺序运行。这样,最后注册的路由始终可以覆盖所有先前的路由。在下面的示例中,请求将首先由最底部的处理程序处理,然后它将回退到前一个处理程序,最后将被第一个注册的路由中止。

await page.route('**/*', async route => {
// Runs last.
await route.abort();
});
await page.route('**/*', async route => {
// Runs second.
await route.fallback();
});
await page.route('**/*', async route => {
// Runs first.
await route.fallback();
});

当您希望单独的处理程序处理不同类型的请求时,注册多个路由非常有用,例如 API 调用与页面资源或 GET 请求与 POST 请求,如下例所示。

// Handle GET requests.
await page.route('**/*', async route => {
if (route.request().method() !== 'GET') {
await route.fallback();
return;
}
// Handling GET only.
// ...
});

// Handle POST requests.
await page.route('**/*', async route => {
if (route.request().method() !== 'POST') {
await route.fallback();
return;
}
// Handling POST only.
// ...
});

也可以在回退到后续处理程序时修改请求,这样中间路由处理程序可以修改请求的 url、method、headers 和 postData。

await page.route('**/*', async (route, request) => {
// Override headers
const headers = {
...request.headers(),
foo: 'foo-value', // set "foo" header
bar: undefined, // remove "bar" header
};
await route.fallback({ headers });
});

使用 route.continue() 立即将请求发送到网络,在这种情况下不会调用其他匹配的处理程序。

参数

  • options Object (可选)
    • headers Object<string, string> (可选)#

      如果设置,则更改请求 HTTP 标头。标头值将转换为字符串。

    • method string (可选)#

      如果设置,则更改请求方法(例如 GET 或 POST)。

    • postData string | Buffer | Serializable (可选)#

      如果设置,则更改请求的 post 数据。

    • url string (可选)#

      如果设置,则更改请求 URL。新 URL 必须与原始 URL 具有相同的协议。更改 URL 不会影响路由匹配,所有路由都使用原始请求 URL 进行匹配。

返回


fetch

添加于: v1.29 route.fetch

执行请求并获取结果,但不满足它,以便可以修改响应然后再满足它。

用法

await page.route('https://dog.ceo/api/breeds/list/all', async route => {
const response = await route.fetch();
const json = await response.json();
json.message['big_red_dog'] = [];
await route.fulfill({ response, json });
});

参数

  • options Object (可选)
    • headers Object<string, string> (可选)#

      如果设置,则更改请求 HTTP 标头。标头值将转换为字符串。

    • maxRedirects number (可选)添加于: v1.31#

      将自动跟踪的最大请求重定向数。如果超过该数量,将抛出错误。默认为 20。传递 0 以不跟踪重定向。

    • maxRetries number (可选)添加于: v1.46#

      网络错误应重试的最大次数。目前仅重试 ECONNRESET 错误。不根据 HTTP 响应代码进行重试。如果超过限制,将抛出错误。默认为 0 - 不重试。

    • method string (可选)#

      如果设置,则更改请求方法(例如 GET 或 POST)。

    • postData string | Buffer | Serializable (可选)#

      允许设置请求的 post 数据。如果 data 参数是一个对象,它将被序列化为 json 字符串,并且如果未显式设置,则 content-type 标头将设置为 application/json。否则,如果未显式设置,则 content-type 标头将设置为 application/octet-stream

    • timeout number (可选)添加于: v1.33#

      请求超时时间,以毫秒为单位。默认为 30000(30 秒)。传递 0 以禁用超时。

    • url string (可选)#

      如果设置,则更改请求 URL。新 URL 必须与原始 URL 具有相同的协议。

返回

详情

请注意,headers 选项将应用于获取的请求以及它启动的任何重定向。如果您只想将 headers 应用于原始请求,而不应用于重定向,请查看 route.continue()


fulfill

在 v1.9 之前添加 route.fulfill

使用给定的响应满足路由的请求。

用法

使用 404 响应满足所有请求的示例

await page.route('**/*', async route => {
await route.fulfill({
status: 404,
contentType: 'text/plain',
body: 'Not Found!'
});
});

服务静态文件的示例

await page.route('**/xhr_endpoint', route => route.fulfill({ path: 'mock_data.json' }));

参数

  • options Object (可选)
    • body string | Buffer (可选)#

      响应主体。

    • contentType string (可选)#

      如果设置,则等于设置 Content-Type 响应标头。

    • headers Object<string, string> (可选)#

      响应标头。标头值将转换为字符串。

    • json Serializable (可选)添加于: v1.29#

      JSON 响应。如果未设置,此方法会将内容类型设置为 application/json

    • path string (可选)#

      要响应的文件路径。内容类型将从文件扩展名推断。如果 path 是相对路径,则相对于当前工作目录解析。

    • response APIResponse (可选)添加于: v1.15#

      APIResponse 用于满足路由请求。可以使用 fulfill 选项覆盖响应的各个字段(例如标头)。

    • status number (可选)#

      响应状态代码,默认为 200

返回


request

在 v1.9 之前添加 route.request

要路由的请求。

用法

route.request();

返回