Replace a response in WebView2 #7962

Panda-Sharp · 2022-11-24T17:03:18Z

Panda-Sharp
Nov 24, 2022

Hi guys, I'm trying to replace the response of a web resource request in a WebView2 in UWP, I tried to follow these suggestions:

in WebView2 where is BuildLocalStreamUri and NavigateToLocalStreamUri methods #4600
WebView2 not loading local app package file #1967
https://learn.microsoft.com/en-us/microsoft-edge/webview2/how-to/webresourcerequested?tabs=dotnet
I spent all day, but I was not able to make it work, here there is the min repo, please let me know if I'm doing something wrong or could be a bug? thanks

public sealed partial class MainPage : Page
    {
        private string baseUrl = "appassets.html.example";

        public MainPage()
        {
            this.InitializeComponent();

            WebView2.CoreWebView2Initialized += OnCoreWebView2Initialized;
            WebView2.Source = new Uri($"http://{baseUrl}/index.html");
        }

        private void OnCoreWebView2Initialized(WebView2 sender, CoreWebView2InitializedEventArgs args)
        {
            sender.CoreWebView2.SetVirtualHostNameToFolderMapping(baseUrl, "html", CoreWebView2HostResourceAccessKind.Allow);
            sender.CoreWebView2.AddWebResourceRequestedFilter("*httpbin*", CoreWebView2WebResourceContext.All);
            sender.CoreWebView2.WebResourceRequested += OnWebResourceRequested;
        }

        public void OnWebResourceRequested(CoreWebView2 sender, CoreWebView2WebResourceRequestedEventArgs e)
        {
            if (e.Request.Uri.ToString().Contains("httpbin.org"))
            {
                var def = e.GetDeferral();
                CoreWebView2WebResourceResponse newres = sender.Environment.CreateWebResourceResponse(
                    CreateStream("Moby"), 200, "OK", "Content-Type: text/plain");
                e.Response = newres;
                def.Complete();
                return;
            }
        }

        private InMemoryRandomAccessStream CreateStream(string str)
        {
            InMemoryRandomAccessStream stream = new InMemoryRandomAccessStream();
            DataWriter writer = new DataWriter(stream);
            writer.WriteString(str);
            writer.StoreAsync().GetAwaiter().GetResult();
            return stream;
        }
    }

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Sample</title>
    <script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
    <script>
    $(function () {
        $("#mybutton").click(function () {
            $.ajax({
                url: "https://httpbin.org/html",
                success: function (result) {
                    $("#response").html("success:" + result);
                },
                error: function (result) {
                    $("#response").html("error:" + JSON.stringify(result));
                }
            });
        });
    });
    </script>
</head>
<body>
    <h2 id="header" class="page_header">Sample</h2>
    <div id="content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua.
    </div>
    <br />
    <input id="mybutton" type="button" value="Submit" />
    <br />
    <div id="response"></div>
</body>
</html>

Panda-Sharp · 2022-11-25T14:52:51Z

Panda-Sharp
Nov 25, 2022
Author

After further investigation, looks like it's a UWP issue
#7965

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Replace a response in WebView2 #7962

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment

{{title}}

Select a reply

Replace a response in WebView2 #7962

Panda-Sharp Nov 24, 2022

Replies: 1 comment

Panda-Sharp Nov 25, 2022 Author

Panda-Sharp
Nov 24, 2022

Panda-Sharp
Nov 25, 2022
Author