Execute js script into Windows 10 webView

Question

I'd like to run a js function that is not written into loaded html page, for example we have a simple html page with button, and I'd like to disable the button using an external js script:

    <!DOCTYPE html>
    <html>
    <body>

    <button id="my_button" type="button" onclick="">Click Me!</button>

    </body>
    </html>

and I have my script form a file:

 function disableFun() {
 document.getElementById("my_button").disabled = true;
 }

as is mentioned in official doc there is a API method InvokeScriptAsync(string scriptName, string[] arguments) but is mentioned that we must already have the script into html loaded page.

Any advices are apreciated!

P.S. in android we do it very simple webView.loadUrl('my script code')

Elvis Xia - MSFT · Accepted Answer · 2016-07-06 09:14:27Z

2

You can use InvokeScriptAsync with the JavaScript eval function to inject content into the web page.

see Interacting with WebView content section of this document.

So to disable the button, you can use the following codes in your cs file:

String scriptStr = @"document.getElementById('your_buttonId').disabled=true";
await myWebView.InvokeScriptAsync("eval", new String[] {scriptStr});

answered Jul 6, 2016 at 9:14

Elvis Xia - MSFT

10.9k1 gold badge16 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Execute js script into Windows 10 webView

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related