puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决

分手后的思念是犯贱 2022-03-07 18:05 93阅读 0赞

在官方文档([puppeteer/api.md at master · GoogleChrome/puppeteer · GitHub][puppeteer_api.md at master _ GoogleChrome_puppeteer _ GitHub])中，中断 redirect 的标准做法是这样的：

const puppeteer = require('puppeteer');
    
    puppeteer.launch().then(async browser => {
      const page = await browser.newPage();
      await page.setRequestInterception(true);
      page.on('request', interceptedRequest => {
        if (interceptedRequest.url().endsWith('.png') || interceptedRequest.url().endsWith('.jpg'))
          interceptedRequest.abort();
        else
          interceptedRequest.continue();
      });
      await page.goto('https://example.com');
      await browser.close();
    });

这样一开始也是没有什么问题，但是偶尔会遇到这样情况：

`Error: net::ERR_FAILED at http://xxx.com/yyy`

Google 了一轮，发现相关的 issue 很少，只找到了这么一个：  
[Page.setRequestInterception Redirection Issue · Issue \#3421 · GoogleChrome/puppeteer · GitHub][Page.setRequestInterception Redirection Issue _ Issue _3421 _ GoogleChrome_puppeteer _ GitHub]

官方已经把它定义为一个 Bug 了，也有一些相关的解决方案：[umbrella Fix Request Interception · Issue \#3471 · GoogleChrome/puppeteer · GitHub][umbrella Fix Request Interception _ Issue _3471 _ GoogleChrome_puppeteer _ GitHub]

不过其他人遇到的情况是 abort() 之后无法结束的问题，而我是抛出异常的问题，所以我自己摸索了一下，总结出一个比较合适的办法：  
就是用 respond 代替 abort。

比如：

// request.abort();
    request.respond({
      status: 404,
      contentType: 'text/plain',
      body: 'Not Found!',
    });

[puppeteer_api.md at master _ GoogleChrome_puppeteer _ GitHub]: https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagesetrequestinterceptionvalue
[Page.setRequestInterception Redirection Issue _ Issue _3421 _ GoogleChrome_puppeteer _ GitHub]: https://github.com/GoogleChrome/puppeteer/issues/3421
[umbrella Fix Request Interception _ Issue _3471 _ GoogleChrome_puppeteer _ GitHub]: https://github.com/GoogleChrome/puppeteer/issues/3471