CasperJS的waitForResource在Playwright中有等效方法吗？求代码改写方案

Playwright提供了直接的等效API，page.waitForRequest() 和 page.waitForResponse()，分别对应等待资源请求发起和资源响应完成，完全可以替代CasperJS的waitForResource方法。

原CasperJS代码的Playwright改写 #

原CasperJS代码逻辑是等待URL包含"submit"的资源，对应的Playwright实现如下：

等待资源请求发起（对应资源开始加载） #

await page.waitForRequest(request => request.url().includes('submit'));

等待资源响应完成（对应资源加载完毕） #

await page.waitForResponse(response => response.url().includes('submit'));

进阶用法示例 #

• 可以添加额外条件精确匹配，比如指定请求方法：

  // 等待POST类型且URL含"submit"的请求
  await page.waitForRequest(request => 
    request.url().includes('submit') && request.method() === 'POST'
  );
  

• 自定义超时时间（默认30秒）：

  // 设置60秒超时等待响应
  await page.waitForResponse(
    response => response.url().includes('submit'),
    { timeout: 60000 }
  );
  

内容的提问来源于stack exchange，提问作者sumercetin