当附加调试器时，电子浏览器窗口无法获得响应

Question

我正在编写一个创建BrowserWindow的电子应用程序。我想捕获一些发送到服务器的请求，我还想要响应对于这些请求。使用电子WebRequestapi我不能得到响应，所以搜索了网页，发现我可以编程地附加一个调试器。

我使用下面的代码附加调试器，我得到几乎所有正确的响应。但对于一个更大的请求，我无法得到响应。我得到一个错误

Error: No resource with given identifier found

如果我启动DevTools并导航到该请求，我也无法得到响应:Failed to load response data。如果我注释掉下面的代码，DevTools中的响应显示正确。

注意，这只发生在一个特定的请求上它返回大约1MB的响应。对于所有其他请求，我可以使用getResponseData()获得响应。

const dbg = win.webContents.debugger
var getResponseData = async (reqId) => {
const res = await dbg.sendCommand("Network.getResponseBody", {requestId: reqId});
return res.body
}
try {
dbg.attach('1.3')
dbg.sendCommand('Network.enable')
} catch (err) {
console.log('Debugger attach failed : ', err)
}
dbg.on('detach', async (event, reason) => {
console.log('Debugger detached due to : ', reason)
})
dbg.on('message', (e, m, p) => {
if (m === 'Network.requestWillBeSent') {
if (p.request.url === someURL) {
const j = JSON.parse(p.request.postData)
console.log("req " + p.requestId)
global.webReqs[p.requestId] = { reqData: j}
}
} else if (m === 'Network.loadingFinished') {
if (p.requestId in global.webReqs) {
console.log("res " + p.requestId)
getResponseData(p.requestId).then(res => {
console.log(res.slice(0,60))
}).catch(err => {
console.error(err)
})
}
}
});

短更新这个特定请求的事件堆栈如下所示，其中13548.212只是requestId

Network.requestWillBeSentExtraInfo 13548.212
Network.requestWillBeSent 13548.212
Network.responseReceivedExtraInfo 13548.212
Network.responseReceived 13548.212
Network.dataReceived 13548.212 [repeated 135 times]
...
Network.loadingFinished 13548.212

Answer 1

看起来我找到了一个解决方案。这是一种变通方法，但确实有效。我没有使用Network.getResponseBody。我使用Fetch(https://chromedevtools.github.io/devtools-protocol/tot/Fetch)。

要使用它，需要订阅与模式匹配的响应。然后你可以对Fetch.requestPaused事件做出反应。在此期间，您可以直接访问请求并间接访问响应。要获得响应，调用Fetch.getResponseBody和适当的requestId。还记得发送Fetch.continueRequest作为

请求被暂停，直到客户端响应continueRequest, failRequest或fulfillRequest

https://chromedevtools.github.io/devtools-protocol/tot/Fetch/event-requestPaused

dbg.sendCommand('Fetch.enable', {
patterns: [
{ urlPattern: interestingURLpattern, requestStage: "Response" }
]})
var getResponseJson = async (requestId) => {
const res = await dbg.sendCommand("Fetch.getResponseBody", {requestId: requestId})
return JSON.parse(res.base64Encoded ? Buffer.from(res.body, 'base64').toString() : res.body)
}
dbg.on('message', (e, m, p) => {
if(m === 'Fetch.requestPaused') {
var reqJson = JSON.parse(p.request.postData)
var resJson = await getResponseJson(p.requestId)
...
await dbg.sendCommand("Fetch.continueRequest", {requestId: p.requestId})
}
});