我有以下 Typescript 函数,假设已经使用 Puppeteer 启动了 Chrome 浏览器。下面使用的 Fetch 函数的文档可以在 here 找到。 .
async function modify(client: CDPSession) {
client.on('Fetch.requestPaused', async ({ requestId, request, frameId, resourceType, responseErrorReason, responseStatusCode, responseHeaders, networkId }) => {
// Correctly prints out the User-Agent header's value
console.log(request.headers["User-Agent"]);
// After this line is run, I can inspect the request.headers object and see that User-Agent was successfully edited
request.headers['User-Agent'] = 'trying to edit this header';
// Continuing the request gives an error
await client.send('Fetch.continueRequest', {
requestId: requestId,
headers: request.headers,
});
});
}
这是我看到的具体错误:
Error: Protocol error (Fetch.continueRequest): Invalid parameters headers: array expected
如何解决此错误并成功修改 request.headers
?这是一个我无法弄清楚的愚蠢的 Javascript/Typescript 语法问题吗?
最佳答案
Fetch.requestPaused
将 header 作为对象返回。例如:
{
"Upgrade-Insecure-Requests":"1",
"Accept": "text/html,application/xhtml+xml"}
}
Fetch.continueRequest
预计 Array<{name: string, value: string}>
。例如
[
{"name": "Accept", value: "text/html,application/xhtml+xml"}
]
您可以使用 Puppeteer 正在使用的代码:
function headersArray(headers) {
const result = [];
for (const name in headers) {
if (!Object.is(headers[name], undefined))
result.push({name, value: headers[name] + ''});
}
return result;
}
关于javascript - 如何使用 Puppeteer 和 Chrome DevTools 协议(protocol)修改请求 header ? (可能是JS语法问题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57596953/