WebView2 JavaScript doesn't work when page is remotely loaded

**airways** · 7th March 2021, 10:09 PM

I have a page served by a server I have written in PHP. This also contains some JavaScript, which works correctly in a regular browser such as Chrome or IE, but does not work when loaded into the WebView2 control.

If I copy the generated markup into a String and use LoadHTML on WebView2 rather than Load Page, the JavaScript suddenly works (without any changes).

Any ideas how I can fix this or is this a bug?

Here's the HTML result for reference:

Code:

<html>
<head>
<script type="text/javascript">
    window.download_url = "https://example.com";
window.license_url = "/generate-license.php?act=4";
    
    function GetResponse(code) {
        return code + ' test';
    }
    alert(GetResponse('internal test'));
</script>
</head>
<body>
    <h1>Thank you!</h1>
    <p>Signup complete, please wait for installer to start!</p>
</body>
</html>

It should show an alert box on page load (and on regular browsers or loaded from HTML locally in WebView2).

**airways** · 10th March 2021, 03:22 AM

@Fernando any ideas?

**MuddyMole** · 10th March 2021, 10:58 AM

I tried it using the Brackets Live Preview to serve the file, and it worked fine...

**airways** · 10th March 2021, 02:44 PM

It seems like my initial problem was trying to run JS in response to the page loading. When I removed that the dialog box also comes up from the internal alert call.

However, I need to know when the page is done loading so I can then I trigger a call to the JS on the page to see what the result was. Any way I try to do this seems to cause the internal alert to never get called, and returns nothing to Fusion.

It does seem to work fine if I use a button to trigger a JS call though. Really confusing.

It seems like it's started to finally work as expected by calling a event through the timer:

* Start of Frame
WebView2 : Navigation mode=0
WebView2 : Load URL="https://dev.stonenotes.com:9443/thanks.php"

* WebView2: On Load complete
Log : Add line "Load Complete"
the timer : Fire event "CheckResponse" after 01''-00

* On timer event "CheckResponse"
Log : Add line "CheckResponse: " + CallFunctionString$( "WebView2", "GetResponse", "'result'" )

We'll see if this keeps working and hopefully it'll help someone else some day.

**airways** · 10th March 2021, 03:08 PM

Okay well I found another cause of the problem, which seems to be submitting a form (or maybe other types of navigation?).

The JS code doesn't work when it's the second page loaded after a form submission.

So if I load this page initially test.php, with the initial markup listed in the first post above at thanks.php:

Code:

<html>
<head>
</head>
<body>

<form action="thanks.php" method="POST">
<input type="text" name="test" />
<input type="submit" />
</form>

</body>
</html>

Then submit that form, thanks.php is loaded but the JS code on thanks.php never runs and I can't call JS functions on it even with the timer delay method (well I can but it just returns a blank string).

If I load thanks.php directly with the timer method it is able to call the JS function and get back the expected values.

**Fernando** · 11th March 2021, 02:58 PM

this seems to be a problem when mixing local and server side, post a small mfa that reproduce this for me to check

**airways** · 12th March 2021, 06:19 PM

Hey Fernando,

MFA attached. Thank you for looking into it.

**airways** · 22nd March 2021, 12:57 AM

@Fernando Hey just wanted to check and see if you were able to look into this.

**Fernando** · 22nd March 2021, 03:45 PM

Actually i will require more explanation to work with your mfa.

hmm seems that GetReponse is not trigger at the right time

**airways** · 22nd March 2021, 03:59 PM

If you click the button on the first page, a js triggered dialog box should appear on the second page, but does not.

You can see this working by visiting the page in a normal browser: https://www.stonenotes.com/test.php

If you change the inital URL loaded in the Web View in the MFA to the result page, https://www.stonenotes.com/test-thanks.php then the alert box *does* appear.

User Tag List

Thread: WebView2 JavaScript doesn't work when page is remotely loaded

Thread Tools

Search Thread

WebView2 JavaScript doesn't work when page is remotely loaded

Similar Threads

How to load css file using javascript snippet in the webview2 object

calling a function FROM page javascript

Create object "from a loaded application"...how does this work?

BETA 23: Virtual width & layer wrapping not even remotely working XD

ActiveX IE Browser page loaded

Posting Permissions