通过 Chrome 扩展按 Content-Type 阻止下载

Question

我正在开发一个扩展，用于阻止按文件的 Content-Type 下载。这是处理标头接收的后台脚本的一部分：

chrome.webRequest.onHeadersReceived.addListener(function(details) {
    var headers = details.responseHeaders;

    for(var i = 0, l = headers.length; i < l; ++i) {
        if(headers[i].name == "Content-Type" && headers[i].value == "<some_type>") {
            return {cancel: true};
        }
    }
}, {urls: ["<all_urls>"]}, ["responseHeaders", "blocking"]);

我得到带有错误消息的页面：

所以我需要一些解决方案来让用户保持在前一页上，而无需重新加载以显示此错误页面，或者在显示此服务页面后以某种方式返回。

Answer 1

如果您希望防止在基于内容类型的 (i) 框架中导航离开，那么您就不走运了 - 此时无法阻止页面卸载。

如果您想阻止顶级框架导航离开，那么就有希望了。您可以将页面重定向到回复 HTTP 状态代码 204 的资源。

chrome.webRequest.onHeadersReceived.addListener(function(details) {
    // ... your code that checks whether the request should be blocked ...

    if (details.frameId === 0) { // Top frame, yay!
        var scheme = /^https/.test(details.url) ? "https" : "http";
        chrome.tabs.update(details.tabId, {
            url: scheme + "://robwu.nl/204"
        });
        return;
    }
    return {cancel: true};
}, {
    urls: ["<all_urls>"],
    types: ["main_frame", "sub_frame"]
}, ["responseHeaders", "blocking"]);

issue 280464 解决后，也可以使用前面的方法来防止子帧中的卸载。

https://robwu.nl/204 是我网站的一部分。不记录对该 URL 的访问。对此条目的响应将始终为“204 No Content”。