WPF使用CefSharp显示网页

目录

• 前言
  • 引入CefSharp
  • 设置配置项
  • C#跟Js
  • 下载功能
  • 拖放功能

前言

遇到要将已经开发完成的网页封装到客户端显示的需求，所以就用WPF+CefSharp来实现客户端，期间遇到一些坑记录一下。

引入CefSharp

1. 通过Nuget搜索CefSharp安装组件;
2. XAML头引入xmlns:wpf="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf";
3. 添加组件<wpf:ChromiumWebBrowser Name="Browser"/>

设置配置项

根据需要设置相应配置项，大家可以根据自己需要去搜索。

C#跟Js

1. 启用

Browser.JavascriptObjectRepository.Settings.LegacyBindingEnabled = true;

2. 注册C#对象到Js

Browser.JavascriptObjectRepository.Register("csObj", new CsharpObject(), isAsync: false, options: BindingOptions.DefaultBinder);

3. CsharpObject 是自定义的用于跟Js交互的对象。

下载功能

下载功能需要实现IDownloadHandler接口。
感谢“咸鱼翻身?”大佬: https://www.cnblogs.com/mchao/p/13935777.html

拖放功能

网页中有用到一个拖放排序功能，CefSharp默认是禁用拖放功能的。

1. 启用

Browser.AllowDrop = true;

2. 实现IDragHandler接口

public class CustomDragHandler : IDragHandler
    {
        public bool OnDragEnter(IWebBrowser chromiumWebBrowser, IBrowser browser, IDragData dragData, DragOperationsMask mask)
        {
            return false;
        }

        public void OnDraggableRegionsChanged(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, IList<DraggableRegion> regions)
        {
            
        }
    }

3. 设置给CefSharp对象

Browser.DragHandler = new CustomDragHandler();