How to pass inputs to javascript functions with cefsharp

Question

I am trying to add a CefSharp WebView to my WPF application in place of the original WebBrowsers that we used. The WebBrowser has an InvokeScript function (http://msdn.microsoft.com/en-us/library/cc452443(v=vs.110).aspx) Which allows you to invoke a JavaScript function and optionally pass in an obj array of inputs to that JS function.

Is there any way to do something similar with the CefSharp WebView where I can pass input parameters to the JavaScript function? For example, I can do:

this.webBrowser.InvokeScript("scriptName", input0, input1, input2);

with the WebBrowser, is there any equivalent function, or multiple functions, that would allow for this with the CefSharp WebView?

Answer 1

I figured out how to do what I wanted... and it was relatively straightforward.

If you want the functionality of the WebBrowser's InvokeScript function

this.webBrowser.InvokeScript("functionName", input0, input1, input2);

with the CefSharp WebView then you just have to do something like this:

webView.ExecuteScript(String.Format("functionName({0},{1},{2});", input0, input1, input2));

You will have to make sure to escape any string parameters correctly since you are calling a javascript function where the inputs will be filled in with your values and therefore will be treated as string literals.

If you really don't want to change your code and you are swapping out the WebBrowser with a WebView then you could make an extension method that adds "InvokeScript" to the WebView.

Answer 2

I tried out above function, didn't work. Finally figured it out, missing quotes for each placeholders.

Something like this:

webView.ExecuteScript(String.Format("functionName('{0}','{1}','{2}');", input0, input1, input2));

Answer 3

You can execute JavaScrip from webView

webView.ExecuteScript("document.getElementById...");