如何拦截并重定向请求？

作者：Ran

2020-10-15 Ran

以WhatsApp网页版为例，通过拦截并重定向请求可以注入自定义逻辑。

/**

* 请求重定向

*/

chrome.webRequest.onBeforeRequest.addListener(

function (details) {

const matchURL = details.url

const replaceBaseURL = ‘http://localhost:3001’

const scriptReg = /https:\/\/web\.whatsapp\.com\/([^.]+)\.?([^.]*)\.js/

const fileName = scriptReg.exec(matchURL)[1]

const fileHash = scriptReg.exec(matchURL)[2]

const replaceURL = `${replaceBaseURL}/whatsapp/override/${fileName}${fileHash ? ‘.’ + fileHash : ”}.js`

console.log(`onBeforeRequest: ${matchURL} → ${replaceURL}`, new Date())

return {

redirectUrl: replaceURL

}

},

{

urls: [

‘https://web.whatsapp.com/app.*.js’,

‘https://web.whatsapp.com/app2.*.js’,

],

types: [‘script’]

},

[‘blocking’]

)