javascript - 如何在 Chrome 扩展程序的 onHeadersReceived 事件中访问请求 header

Question

我在做类似的事情:

chrome.webRequest.onBeforeSendHeaders.addListener(function (details) {

    for (var i = 0; i < details.requestHeaders.length; ++i)
    {
        if (details.requestHeaders[i].name.toLowerCase() === 'user-agent')
        {
            message.useragent = details.requestHeaders[i].value;
        } 
        else if (details.requestHeaders[i].name.toLowerCase() === 'referer')
        {
            message.referrer = details.requestHeaders[i].value;
        } 
        else if (details.requestHeaders[i].name.toLowerCase() === 'cookie')
        {
            message.cookies = details.requestHeaders[i].value;
            console.log(details.requestHeaders[i].value);
        }
    }
    return {
        requestHeaders: details.requestHeaders
    };
}, {
    urls: [
        '<all_urls>'
    ],
    types: [
        'main_frame',
        'sub_frame',
        'xmlhttprequest'
    ]
}, [
    'blocking',
    'requestHeaders'
]);

and on receiving response:

chrome.webRequest.onHeadersReceived.addListener(function (details) {

    message.url = details.url;
    // and some other details
    ...

但是最近发现有时候存储的请求参数和存储的响应参数属于不同的请求响应对。那么，是否可以在 onHeadersReceived 事件中访问请求 header 以防止不匹配。

Answer 1

您可以使用 requestId 字段将 onBeforeSendHeaders 中保存的 header 与 onHeadersReceived 中的 header 进行匹配。

Request IDs are unique within a browser session. As a result, they could be used to relate different events of the same request.