通过 Android Webview 在 service worker 运行中获取（）请求立即失败

Question

我有一个 service worker 用来启用我网站的离线版本。这很好用。我还有一个 Android 应用程序，它基本上只是加载我的网站的 webview 的包装器。

一切都很好，直到大约 2-3 周前 Fetch() 请求开始立即失败。只有当运行通过 Android 网络视图时才会失败。运行通过浏览器工作正常。如果资源已经被缓存（即通过安装事件）那么它工作得很好，只有当我得到一个没有被缓存的页面时。

我的 service worker 中的代码：

self.addEventListener("fetch", function (event) {

if (event.request.method !== 'GET'
    || event.request.url.toLowerCase().indexOf('//ws') > -1
    || event.request.url.toLowerCase().indexOf('localws') > -1) {
    // Don't intercept requests made to the web service
    // If we don't block the event as shown below, then the request will go to
    // the network as usual.

    return;
}


event.respondWith(async function () {
    // override the default behavior

    var oCache = await caches.open('cp_' + version);
    var cached = await oCache.match(event.request.url);

    if (cached && cached.status < 300) {
        return cached;
    }

    // Need to make a call to the network
    try {
        var oResp = await fetch(event.request); // THIS LINE CAUSES THE PROBLEM!!!
        return oResp;
    } catch (oError) {
        console.log('SW WORKER: fetch request to network failed.', event.request);


        return new Response('<h1>Offline_sw.js: An error has occured. Please try again.</h1><br><h2>Could not load URL: ' + event.request.url + '</h2>', {
            status: 503,
            statusText: 'Service Unavailable',
            headers: new Headers({
                'Content-Type': 'text/html'
            })
        });
    }  
}()); // event.respondwith
}); // fetch

行：

var oResp = await fetch(event.request);

一旦我确定它没有被缓存并且似乎是罪魁祸首，就会被调用。当它出错时，我的 catch() 中出现以下错误：'Failed to fetch'

这看起来很笼统，没有帮助。同样，这在通过浏览器时有效，所以我知道这不是 CORS 问题，错误目录中的服务人员等。同样，它在大约 3 周前有效，现在我收到客户的报告说它不起作用.

这是我发送的实际 event.request 的屏幕截图：

在 chrome 开发人员工具（用于调试 webview）中，我看到以下内容：

我是不是做错了什么，或者这是最近发布的 webview / chrome 中的错误？（我这么说是因为 chrome 为 webview 提供动力）

Answer 1

看起来这是 chromium 中的错误。请参阅 bugs.chromium.org/p/chromium/issues/detail?id=977784。应该在第 76 版中修复。

作为解决方法（如 link 所述），您可以将以下内容添加到 android 代码中：

ServiceWorkerController oSWController = null;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N){
        oSWController = ServiceWorkerController.getInstance();
        oSWController.setServiceWorkerClient(new ServiceWorkerClient(){
            @Nullable
            @Override
            public WebResourceResponse shouldInterceptRequest(WebResourceRequest request){
                return super.shouldInterceptRequest(request);
            }
        });
    }

通过 Android Webview 在 service worker 运行中获取（）请求立即失败

Fetch() request immediately failing in service worker running through Android Webview

javascript

android

android-webview

service-worker

fetch-api

通过 Android Webview 在 service worker 运行 中获取（）请求立即失败

Fetch() request immediately failing in service worker running through Android Webview

javascript

android

android-webview

service-worker

fetch-api

通过 Android Webview 在 service worker 运行中获取（）请求立即失败