cefsharp execute javascript

javascript c# chromium-embedded cefsharp

51,232

Solution 1

You must wait for the browser to have sufficiently loaded before executing JavaScript. It's tempting to start trying to access the DOM in OnFrameLoadStart, whilst the V8Context will have been created and you will be able to execute a script the DOM will not have finished loading. If you need to access the DOM at its earliest possible point, subscribe to DOMContentLoaded.

Some examples of executing JavaScript are below.

browser.RenderProcessMessageHandler = new RenderProcessMessageHandler();

public class RenderProcessMessageHandler : IRenderProcessMessageHandler
{
  // Wait for the underlying JavaScript Context to be created. This is only called for the main frame.
  // If the page has no JavaScript, no context will be created.
  void IRenderProcessMessageHandler.OnContextCreated(IWebBrowser browserControl, IBrowser browser, IFrame frame)
  {
    const string script = "document.addEventListener('DOMContentLoaded', function(){ alert('DomLoaded'); });";

    frame.ExecuteJavaScriptAsync(script);
  }
}

//Wait for the page to finish loading (all resources will have been loaded, rendering is likely still happening)
browser.LoadingStateChanged += (sender, args) =>
{
  //Wait for the Page to finish loading
  if (args.IsLoading == false)
  {
    browser.ExecuteJavaScriptAsync("alert('All Resources Have Loaded');");
  }
}

//Wait for the MainFrame to finish loading
browser.FrameLoadEnd += (sender, args) =>
{
  //Wait for the MainFrame to finish loading
  if(args.Frame.IsMain)
  {
    args.Frame.ExecuteJavaScriptAsync("alert('MainFrame finished loading');");
  }
};

Solution 2

I think, in the case of calling a JavaScript function that exists inside HTML, and passing input arguments, one can simply use the Browser.LoadingStateChanged event in the MainWindow constructor to make sure loading is initiated. This event will be called after the Browser_Loaded, where the HTML file is declared. Following is an example of the code:

public MainWindow()
        {
            InitializeComponent();

            //Wait for the page to finish loading (all resources will have been loaded, rendering is likely still happening)
            Browser.LoadingStateChanged += (sender, args) =>
            {
                //Wait for the Page to finish loading
                if (args.IsLoading == false)
                {
                    Browser.ExecuteScriptAsync("JavaScripFunctionName1", new object[] { arg1, arg2});
                }
            };
        }

private void Browser_Loaded(object sender, RoutedEventArgs e)
        {
            Browser.LoadHtml(File.ReadAllText(GetFilePath("YourHTMLFileName.html")));
        }

However, if you want to execute the JavaScript code and get results, you should use:

var result = await Browser.EvaluateScriptAsync("JavaScripFunctionName2", new object[] { });
MessageBox.Show(result.Result.ToString());

In HTML:

<html>
<body>
    <script>
        function JavaScripFunctionName1(arg1, arg2)
        {
            // something here
        }

        function JavaScripFunctionName2()
        {
            // something here
            return result;
        }        
    </script>
</body>
</html>

51,232

Pei-Chun Tsai

Updated on July 09, 2022

Comments

Pei-Chun Tsai almost 2 years
I want to execute JavaScript code by using CefSharp in Windows Forms, but it does not work. The code is as following, and the message test is not shown. Did I miss something?
```
var browser = new ChromiumWebBrowser("http://localhost:50056/simple.aspx");
browser.Name = "Simple Page";
browser.Dock = DockStyle.Fill;            
this.Controls.Add(browser);
browser.ExecuteScriptAsync("alert('test');");
```
- Pei-Chun Tsai almost 9 years
  
  I use Nuget to install cefsharp, and the version is 41.0.0.
amaitland almost 9 years

The next major version of CefSharp will throw an exception with your original code in an attempt to self documenting rather than just silently doing nothing.
amaitland over 7 years

More details in github.com/cefsharp/CefSharp/wiki/…
amaitland almost 6 years

For the latest see github.com/cefsharp/CefSharp/wiki/…
JsAndDotNet over 4 years

Also a really clear video here -> archive.org/details/…