Let WebResourceRequested & VirtualHostNameToFolderMapping handle sourcemap requests from Dev Tools

[wravery]

Is your feature request related to a problem? Please describe.

We use WebResourceRequested to return JS bundles as streams using a custom URL. Anytime we load the script in the dev tools debugger, it says there's a sourcemap but it can't be loaded. I attempted to add a handler for the .js.map URL, but it's never called. In the console output I see a warning that it tried to request the sourcemap over the network and failed.

Describe the solution you'd like and alternatives you've considered

I would like the dev tools sourcemap request to be hooked by WebResourceRequested. It would make debugging much easier.

The best alternative I know of would be to embed the sourcemap inline. But then I need separate debug and release versions of the JS bundle.

AB#31914830

[champnic]

Thanks for the suggestion @wravery - I've added it as a scenario on our backlog. If you have a workaround though I would look at using that for now. It may also be possible using the Chromium Devtools Protocol, maybe with:
Debugger.scriptFailedToParse event
Debugger.setScriptSource function

ICoreWebView2.CallDevToolsProtocolMethod
ICoreWebView2.GetDevToolsProtocolEventReceiver

[aluhrs13]

I'm going to close this - It isn't going to reach a high enough priority. The recommended approach for this scenario would be to index your sourcemaps into Azure DevOps, and configure Edge/WV2 to download them from there; https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/javascript/publish-source-maps-to-azure

[Woofthecat]

We are also having an issue with this., same as #2960.

Tried the Chromium Devtools Protocol approach but strangely there is no warning about the missing source map and the Debugger.scriptFailedToParse event never triggers. Debugger.scriptParsed is triggered and we can see the sourceMapURL being the correct file name, yet the file is never requested.

[SharpEnvelope]

This also seems to be an issue for us. Sourcemaps do not seem to work when they are served via a SetVirtualHostNameToFolder mapping.

[aluhrs13]

Re-opening this due to growth in interest. If folks are adding their input here, please try to include what part of DevTools you're really needing sourcemaps for, there may be better work-arounds.

[gimmi]

This issue is preventing proper debugging experience when developing a web application inside a WebView2 component.

In out case, we serve the HTML content from a WPF application hosting WebView, hese is the initialization code:

await webView.EnsureCoreWebView2Async();
var folderPath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "wwwroot");
webView.CoreWebView2.SetVirtualHostNameToFolderMapping("myapp.local", folderPath, CoreWebView2HostResourceAccessKind.Allow);
webView.CoreWebView2.Navigate("http://myapp.local/index.html");

[WilliamYamamoto]

I'm having the same problem: DevTools failed to load source map: Could not load content for https://0.0.0.0/css/bootstrap/bootstrap.min.css.map : Connection error: net::ERR_ADDRESS_INVALID in my .NET MAUI Blazor App