WebResourceRequested event not raised for ServiceWorker fetch

[James-Deadman-DDG]

Description
When fetching through a service worker, WebView2 does not raise the WebResourceRequested event.

Version
SDK: 1.0.774.44 and 1.0.824-prerelease
Runtime: Beta 90.0.818.14
Framework: WPF
OS: Win10

Repro Steps

• Create a service worker passing through a fetch (ServiceWorker.js)

self.addEventListener('install', (evt) => {
    self.skipWaiting();
});

self.addEventListener('activate', (evt) => {
    evt.waitUntil(self.clients.claim());
});

self.addEventListener('message', (event) => {
    console.log('message');
    if (event.data.action && event.data.action === 'fetch') {
        fetch(event.data.url)
            .then(r => {
                console.log('response received for ' + event.data.url);
                return r;
            });
    }
});

• Create a client page, register the service worker and use it to fetch anything:

if ('serviceWorker' in navigator) {
    navigator.serviceWorker
        .register('ServiceWorker.js', { scope: './' })
        .then(registration => {
            if (registration.active) {
                registration.active.postMessage({ action: 'fetch', url: `data.json` });
            } else if (registration.installing) {
                registration.installing.addEventListener('statechange', () => {
                    if (registration.active) {
                        registration.active.postMessage({ action: 'fetch', url: `data.json` });
                    }
                });
            }
        });
}

• Create a WPF application with a WebView2 control, handle its WebResourceRequested event and create a catch-all filter:

webView2.CoreWebView2InitializationCompleted += (s, e) =>
{
    webView2.CoreWebView2.AddWebResourceRequestedFilter("*", Microsoft.Web.WebView2.Core.CoreWebView2WebResourceContext.All);
    webView2.CoreWebView2.WebResourceRequested += (s, e) => Debug.WriteLine($"Web Request URI: {e.Request.Uri}");
};

• Navigate to the client page
• Check console output in the WebView2 control for the response received message. (The message containing data.json is present)
• Check the VS output window for the Web Request URI message. (The message containing data.json missing)

AB#30969096

[champnic]

Thanks for the bug report - I've linked this up with an existing issue on our backlog that we're going to take a look at!

[mohitbagra]

Any update on this issue? We are facing the same. Weird thing is, it works fine if I open edge dev tools in the web view by pressing F12. Without the dev tools open, it doesnt work.

[champnic]

@mohitbagra We are currently working on adding this support. It's past the design phase and is currently in the implementation phase. I'm assigning this issue to @vbryh-msft in case there's anything else to add.

[DexterWoo]

Any update on this issue?
is the feature implemented?
we actually wanted to develop an application that contains webapp as archive and want to provision everything into the serviceworker to boost the first startup experience.

[vbryh-msft]

@DexterWoo I'm actively working on the feature, will be out soon in prerelease =)

[vbryh-msft]

AddWebResourceRequestedFilterWithRequestSourceKinds - COREWEBVIEW2_WEB_RESOURCE_REQUEST_SOURCE_KINDS_SERVICE_WORKER will cover service worker fetch.
SDK - NuGet Gallery | Microsoft.Web.WebView2 1.0.1340-prerelease
Please give it a try and let us know how it works for you.

[champnic]

This is completed in SDK versions 1.0.2365.46+ using CoreWebView2WebResourceRequestSourceKinds when adding WebResourceRequested filters:
DotNet: https://learn.microsoft.com/en-us/dotnet/api/microsoft.web.webview2.core.corewebview2.addwebresourcerequestedfilter?view=webview2-dotnet-1.0.2420.47#microsoft-web-webview2-core-corewebview2-addwebresourcerequestedfilter(system-string-microsoft-web-webview2-core-corewebview2webresourcecontext-microsoft-web-webview2-core-corewebview2webresourcerequestsourcekinds)

Win32: https://learn.microsoft.com/en-us/microsoft-edge/webview2/reference/win32/icorewebview2_22?view=webview2-1.0.2420.47

[roa-nyx]

This not working for me. I added:

			webview.CoreWebView2.AddWebResourceRequestedFilter($"abc://WebRoot/*",
				CoreWebView2WebResourceContext.All,
				CoreWebView2WebResourceRequestSourceKinds.All
			);

But I still get:

Fetch API cannot load godot-launcher://WebRoot/api/versions. URL scheme "abc" is not supported.

[Curve]

This not working for me. I added:

			webview.CoreWebView2.AddWebResourceRequestedFilter($"abc://WebRoot/*",
				CoreWebView2WebResourceContext.All,
				CoreWebView2WebResourceRequestSourceKinds.All
			);

But I still get:

Fetch API cannot load godot-launcher://WebRoot/api/versions. URL scheme "abc" is not supported.

@champnic This is happening to me as well. JS fetch does not seem to work for custom schemes - I reckon this is a different issue though?