Executing JavaScript from the .NET Side Using CefSharp

Learn how to execute JavaScript from the .NET Side Using CefSharp. You can get the source code of this sample in the GitHub repository:
https://github.com/cefsharptutorials/cefsharptutorials/tree/master/CefSharpTutorials/ExecutingJavaScript

About CefSharp:
https://cefsharp.github.io/


Previous tutorials:


CefSharp Basics: Display an HTML5/CSS3 Webpage:

https://www.youtube.com/watch?v=gphqZTCWoZE&list=PLtnonz7r7xrqI7OS0eWwc4lrwV5zqI4r3

URL Navigation Using CefSharp:

https://www.youtube.com/watch?v=NTlErRwyYRA&list=PLtnonz7r7xrqI7OS0eWwc4lrwV5zqI4r3&index=2


Transcript:

0:01 Executing JavaScript from the .NET Side Using CefSharp

0:08 Create and configure a WPF solution with CefSharp

0:13 We need to create a project. Then add the CefSharp.Wpf
NuGet package and create the x64 or x86 configuration for it

0:22 You can find detailed instructions in the previous tutorials.
(Check the links under this video)

0:26 How to markup the MainWindow

0:28 Lets add the Xml Namespace for the CefSharp.Wpf library in
the MainWindow.xaml

0:38 Then we need to markup the root grid in order to place the
Browser component, the script text box and the execution
button, so let's add two columns and two rows to the root grid

1:04 After that create the ChromiumWebBrowser, define its name
and the initial URL

1:15 Also we need to define its location in the root grid

1:25 Create a TextBox which will contain the JavaScript we are
going to execute, set its name and location

1:39 Create the button which will execute the written JavaScript
and set its name, location and content

1:58 Implementing the MainWindow behaviour

2:00 Create the Click handler for the button

2:12 Mark the ‘ExecuteJavaScriptBtn_Click’ method as ‘async’

2:16 Check that the Browser can execute the JavaScript and that
the TextBox is not empty

2:24 Create the variable which will contain the JavaScript
evaluation result

2:30 Call the ‘Browser.EvaluateScriptAsync’ method and pass the
TextBox content into the method argument

2:37 Check that the ‘Result’ property of the ‘response’ variable is
not null

1:45 And call the ‘MessageBox.Show’ method to display the
evaluated JavaScript result

2:59 Build and launch the application

3:03 Build and launch the project


#JavaScript
#.NET
#CefSharp
#EmbeddedBrowsers