How does WebView2 inject JS into new pages in Window.open #3963

smartwei · 2022-06-13T10:11:36Z

smartwei
Jun 13, 2022

My Winform application uses WebView2,
When I open page1.html in WebView2, the page1.html code looks like this:

<html>
<head>
<title>page1</title>
</head>
<body>
this is page 111
<script language=javascript>
var toUrl="http://localhost/KintechToGica22/page2.html";
window.open(toUrl,'openTest2','');
</script>
</body>
</html>

I use window.open in pag1.html to open a page page2.html,,the page2.html code looks like this:

<html>
<head>
<title>page2</title>
</head>
<body>
this is Page 222
</body>
</html>

But how do I control page2.html,
I want to do something with page2.html injection JS

vmeganathan81 · 2022-06-13T10:49:08Z

vmeganathan81
Jun 13, 2022

It does not use window.open, please use Add host object

0 replies

vmeganathan81 · 2022-06-13T10:50:36Z

vmeganathan81
Jun 13, 2022

Its working for us,

Add Host Object, sample below

//Browse Host initialize during webview2 initialize

            BrowserHostObject browserHostObject = new BrowserHostObject();
            browserHostObject.MessageEvent += BrowserHostObject_MessageEvent; // Call back event
            webView2.CoreWebView2.AddHostObjectToScript("external", browserHostObject);

//Call back from web to .net application

    private void BrowserHostObject_MessageEvent(object sender, string e)
    {
            RaiseMessageEvent(e);            
    }

In HTML

    <button onclick="JsTest()">Callback_To_NET _App</button>
    <script>
            const external = chrome.webview.hostObjects.external;
            function JsTest() {
                    external.CallbackVB('This is a test');
            }
    </script>

Hope this helps

0 replies

smartwei · 2022-06-14T05:32:28Z

smartwei
Jun 14, 2022
Author

@vmeganathan81
Thank you for your reply

This page1. html is not my own page and I have no control over the content of this page.

As soon as I open page1. html, window.open is automatically executed and page2.html is opened.
I just want to inject a JS into page2.html to do something

0 replies

david-risney · 2022-06-14T18:04:41Z

david-risney
Jun 14, 2022
Maintainer

You need to handle the CoreWebView2.NewWindowRequested event. By default without handling that event, new windows are opened in mini-browser-like windows. The end user can interact with these windows but the end developer cannot. If you would like to interact with that should handle the event.

You have several options which I have examples of in new window sample code

            switch (NewWindowBehaviorComboBox.SelectedIndex)
            {
                // Open mini browser window
                case 0:
                    // Default behavior. No change to args required.
                    break;

                // Send to default browser 
                case 1:
                    args.Handled = true;
                    // No need to wait for the launcher to finish sending the URI to the browser
                    // before we allow the WebView2 in our app to continue.
                    _ = Windows.System.Launcher.LaunchUriAsync(new Uri(args.Uri));
                    break;

                // Navigate in same WebView2
                case 2:
                    args.Handled = true;
                    args.NewWindow = sender;
                    break;

                // Open in different WebView2
                case 3:
                    args.Handled = true;
                    using (args.GetDeferral())
                    {
                        await WebView2Right.EnsureCoreWebView2Async();
                        args.NewWindow = WebView2Right.CoreWebView2;
                    }
                    break;

                // Ignore
                case 4:
                    args.Handled = true;
                    break;
            }

If you want handle the new window request in a different WebView2 control, you'll need to write app code to create a new WebView2. The sample above just uses an already created WebView2Right member. But for another application you might want to open a new app window and create a WebView2 in that window.

0 replies

smartwei · 2022-06-17T01:45:26Z

smartwei
Jun 17, 2022
Author

david-risney
Where variable "NewWindowBehaviorComboBox" and "WebView2Right" is defined
I'm using a Windows Form program,
I didn't find these two variables defined in the Demo

0 replies

david-risney · 2022-06-17T03:18:04Z

david-risney
Jun 17, 2022
Maintainer

The sample is a XAML app and the WebView2Right and the combo box are defined in the XAML. For WinForms it will be very similar: you'll use a different WebView2 or create a new WebView2 control.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How does WebView2 inject JS into new pages in Window.open #3963

{{title}}

Replies: 6 comments

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

How does WebView2 inject JS into new pages in Window.open #3963

smartwei Jun 13, 2022

Replies: 6 comments

vmeganathan81 Jun 13, 2022

vmeganathan81 Jun 13, 2022

smartwei Jun 14, 2022 Author

david-risney Jun 14, 2022 Maintainer

smartwei Jun 17, 2022 Author

david-risney Jun 17, 2022 Maintainer

smartwei
Jun 13, 2022

vmeganathan81
Jun 13, 2022

vmeganathan81
Jun 13, 2022

smartwei
Jun 14, 2022
Author

david-risney
Jun 14, 2022
Maintainer

smartwei
Jun 17, 2022
Author

david-risney
Jun 17, 2022
Maintainer