CefSharp 与 JS交互

创建WPF项目，然后NuGet安装包：CefSharp.Wpf

一、基本使用

Loaded += (m, n) =>
{
    #region 加载HTML
    CefSharpSettings.WcfEnabled = true;
    var browser = CefSharpHelper.Browser;
    string address = ConfigurationManager.AppSettings["STARTURL"];
    Regex regex = new Regex(@"^https?:\/\/(?<host>[^/]+)(?<path>\/[^?]*)?(?<query>\?[^#]*)?(?<anchor>\#.*)?$");
    address = regex.IsMatch(address) ? ConfigurationManager.AppSettings["STARTURL"] : System.IO.Path.Combine(AppDomain.CurrentDomain.BaseDirectory, address);
    //清理本地存储数据
    Cef.GetGlobalCookieManager().DeleteCookies("", "");
    browser.MenuHandler = new MenuHandler();
    //注册JsObj对象JS调用C#
    browser.JavascriptObjectRepository.Register("interop", new JavascriptCallback(browser, this), isAsync: false);
    browser.Load(address);
    gridMain.Children.Add(browser);
    #endregion
};

 

 二、阻止WebBrower默认行为

#region 阻止WebBrower默认行为
/// <summary>
/// 调用方式：
/// browser.MenuHandler = new MenuHandler();
/// </summary>
public class MenuHandler : IContextMenuHandler
{
    public void OnBeforeContextMenu(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, IMenuModel model)
    {
        model.Clear();
    }
    public bool OnContextMenuCommand(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, CefMenuCommand commandId, CefEventFlags eventFlags)
    {
        return false;
    }
    public void OnContextMenuDismissed(IWebBrowser browserControl, IBrowser browser, IFrame frame)
    {
    }
    public bool RunContextMenu(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, IMenuModel model, IRunContextMenuCallback callback)
    {
        return false;
    }
}
#endregion

 

三、提供前端HTML调用函数

#region CefSharp帮助类
/// <summary>
/// 单列模式
/// </summary>
public class CefSharpHelper
{
private static ChromiumWebBrowser _browser;
private static readonly object _syncRoot = new object();

public static ChromiumWebBrowser Browser
{
    get
    {
        if (_browser == null)
        {
            lock (_syncRoot)
            {
                if (_browser == null)
                {
                    CefSettings settings = new CefSettings();
                    Cef.Initialize(settings);
                    // 创建浏览器实例
                    _browser = new ChromiumWebBrowser();
                }
            }
        }
        return _browser;
    }
}
}
/// <summary>
/// JS调用C#函数
/// </summary>
public class JavascriptCallback
{
private static MainWindow _window;
private static ChromiumWebBrowser _chromiumWebBrowser;
//构造方法
public JavascriptCallback(ChromiumWebBrowser chromiumWebBrowser, MainWindow window)
{
    _window = window;
    _chromiumWebBrowser = chromiumWebBrowser;
    _chromiumWebBrowser.FrameLoadEnd += OnFrameLoadEnd;
}
// 窗口加载完毕时需要执行的全局JS对象
public void OnFrameLoadEnd(object sender, FrameLoadEndEventArgs e)
{
    if (e.Frame.IsMain)
    {
        //显示源代码
        //_chromiumWebBrowser.ShowDevTools();
        _chromiumWebBrowser.GetFocusedFrame().EvaluateScriptAsync("(function(){CefSharp.BindObjectAsync('interop');})()").Await();
    }
}
// 提供前端HTML调用，如：interop.on(number);
public bool on(string input)
{
    int number;
    if (int.TryParse(input, out number))
    {
        return true;
    }
    return false;
}
// 提供前端HTML调用，如：interop.off(number);
public bool off(string input)
{
    int number;
    if (int.TryParse(input, out number))
    {
        return true;
    }
    return false;
}
}
#endregion

 

四、配置文件

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
  <appSettings>
    <add key="STARTURL" value="index.html"/>
  </appSettings>  
</configuration>