『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?

这篇具有很好参考价值的文章主要介绍了『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?,# 『Winform_C/S架构开发』,.net,dotnetbrowser,cefsharp
『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?,# 『Winform_C/S架构开发』,.net,dotnetbrowser,cefsharp
📣读完这篇文章里你能收获到

  • 全方位对比DotNetBrowserCefSharp的优缺点

『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?,# 『Winform_C/S架构开发』,.net,dotnetbrowser,cefsharp

『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?,# 『Winform_C/S架构开发』,.net,dotnetbrowser,cefsharp

一、引言

将浏览器嵌入 .NET 应用程序中:DotNetBrowser 还是 CefSharp
image.png
为 WPF 或 WinForms 应用程序选择浏览器组件,对于那些搜索基于Chrome的解决方案的人来说,, DotNetBrowser和CefSharp是最明显的选择。
本文是在考虑其项目的开源库和商业库时提出的最常见比较点的汇总。

『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?,# 『Winform_C/S架构开发』,.net,dotnetbrowser,cefsharp

二、引擎

  • CefSharp 实际上是Chromium Embedded
    Framework (CEF) 的 .NET 包装器。包装通过C++/CLI 完成。
  • DotNetBrowser 在底层不使用 CEF 或 C++/CLI。相反,它采用了自己的方法直接与 Chromium 集成。它启动一个功能齐全的 Chromium 引擎,并通过进程间通信 (IPC) 与其进行通信。

『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?,# 『Winform_C/S架构开发』,.net,dotnetbrowser,cefsharp

三、架构

1. CefSharp架构

CefSharp 中,Chromium 引擎直接在.NET进程中初始化。初始化和关闭都必须在主应用程序线程(通常是 UI 线程)中执行。在不同的线程中调用它们通常会导致冻结。
此外,每个进程可以执行一次初始化和关闭。这个限制来自 CEF 本身。在执行关闭后尝试重新初始化 CefSharp 将导致错误。以下为CefSharp的架构图:
image.png

2. DotNetBrowser架构

DotNetBrowser 中,Chromium 引擎在单独的本机进程中进行初始化。不需要在主 UI 线程上执行此操作——即使在工作线程中也可以执行此操作。
可以同时初始化和使用具有不同配置的多个 Chromium 引擎,这在 CefSharp 中是不可能的。可以在不再需要 Chromium 时将其关闭并随时重新初始化。
DotNetBrowser架构图如下:
image.png

『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?,# 『Winform_C/S架构开发』,.net,dotnetbrowser,cefsharp

四、对比

1. 稳定性和内存使用

在单独的进程中运行 Chromium 有更多优点:

  1. 在这种情况下,内存消耗要低得多,这对于 32 位应用程序来说十分关键。
  2. CefSharp 中,如果 CEF 或 C++/CLI 绑定内部出现问题,这将导致整个 .NET 应用程序崩溃而无法处理这种情况。因为 .NET 应用程序可能会丢失或损坏用户的数据。
  3. 对于 DotNetBrowser,Chromium 内部的错误不会导致 .NET 应用程序崩溃。此外,甚至可以在托管代码中正确检测和处理这一切。例如,如果发生这种情况,那么可以重新初始化 Chromium 并恢复用户会话。

2. 应用程序域

由于架构原因,CefSharp不能在非默认AppDomain中使用。

  • 因此,CefSharp 不能用于通过 VSTO 插件或 Excel-DNA 将 Chromium 嵌入到 Office 应用程序中。 Office VSTO 将加载项加载到单独的AppDomain中以进行隔离。
  • DotNetBrowser 在非默认 AppDomain 中运行。可以在不同的 AppDomain 中创建多个 Chromium 引擎并同时使用它们。因此,DotNetBrowser 可用于创建 VSTO 加载项。

3. AnyCPU

在针对 AnyCPU 的应用程序中

  • 使用 CefSharp 时,你会发现它在这些应用程序的 64 位环境中无法正常工作。这儿有几个选项可以解决这个问题。其中之一是让你的应用程序始终在 32 位模式下运行,另一个更复杂,需要修改项目文件(.csproj或.vbproj)和代码。
  • DotNetBrowser 中,AnyCPU 支持开箱即用。因此,不需要类似的调整。

4. H.264, AAC

视频和音频通常使用专有编解码器进行编码,例如 H.264 和 AAC。

  • 此媒体无法在 CefSharp 中播放。要在 CefSharp 中启用这些编解码器,需要在启用专有编解码器的情况下自行重建 CEF。这是一项相当复杂的任务,可能需要长达一个月的时间。
  • DotNetBrowser 中默认禁用专有编解码器。可以通过编程方式启用它们,而无需重建库。
IEngine engine = EngineFactory.Create(new EngineOptions.Builder
{
    ProprietaryFeatures = ProprietaryFeatures.H264 | ProprietaryFeatures.Aac
}.Build());

5. 安全

Chromium 通过利用操作系统为它们提供的安全性来限制其渲染器和实用程序进程。此功能称为Chromium沙箱。其主要目的是防止第三方代码对计算机进行持久更改或访问机密信息。

  • CefSharp 不支持Chromium沙箱。这个限制来自 CEF 本身。
  • DotNetBrowser 支持沙箱并默认启用。如有必要,可以在初始化期间将其禁用。

而关于Chromium 中的漏洞

  • CefSharp 在 .NET 进程中启动 Chromium。这使你的应用程序容易受到 CEF 和 Chromium 中的漏洞的影响。如果恶意软件获得了对 Chromium 内存的访问权,它也会获得对 .NET 内存的访问权。
  • DotNetBrowser 在单独的进程中启动 Chromium。 Chromium 漏洞保留在 Chromium 中。

6. Visual Studio设计器

现代 WPF 和 Windows 窗体应用程序通常是在设计器的帮助下在 Visual Studio 中创建的。这种方法总体上简化了 UI 创建并节省了大量时间和精力。

  • CefSharp 提供有限的设计器支持。如果应用程序本身以 x86 为目标,则其控件将在设计器中正确处理。 AnyCPU 可能会工作,但尚未经过彻底测试。
  • DotNetBrowser 控件是纯 UI 控件,它们在代码中显式初始化。可以在设计器中不受任何限制地使用它们。安装 NuGet 包或 VSIX 扩展后,BrowserView 控件出现在工具箱中。它可以像任何其他常规 UI 控件一样被拖到窗体或窗口上。

7. 嵌入应用程序 UI

  • CefSharp 提供 WPF 和 Windows 窗体支持。但是,它的 WPF 实现只能在离屏渲染模式下工作。此实现具有有限的触摸屏和IME支持。
  • DotNetBrowser 在两种渲染模式下同时支持 WPF 和 Windows 窗体。在硬件加速模式下,触摸、手势和 IME 由 Chromium 自行处理,因此它们开箱即用。在离屏模式下,存在一些已知的限制。

以下是将 CefSharp 嵌入 WPF 窗口的方法:

<Window x:Class="CefSharpWpf.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:wpf="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
            <wpf:ChromiumWebBrowser Address="https://www.google.com"/>
    </Grid>
</Window>
  • 就是这样,在最简单的情况下,不再需要编写代码。但是,在这种情况下,CefSharp 初始化和关闭是隐式执行的,很难确定它是否已经在某个点初始化。

DotNetBrowser 嵌入 WPF 窗口的过程需要额外的步骤。例如:
MainWindow.xaml:

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:WPF="clr-namespace:DotNetBrowser.Wpf;assembly=DotNetBrowser.Wpf"
    x:Class="Embedding.Wpf.MainWindow"
    Title="MainWindow" Height="480" Width="800" Closed="Window_Closed">
    <Grid>
            <WPF:BrowserView Name="browserView" />
    </Grid>
</Window>

MainWindow.xaml.cs:

public partial class MainWindow : Window
{
    private const string Url = "https://www.google.com";
    private readonly IBrowser browser;
    private readonly IEngine engine;

    public MainWindow()
    {
        // Create and initialize the IEngine instance.
        EngineOptions engineOptions = new EngineOptions.Builder
        {
            RenderingMode = RenderingMode.HardwareAccelerated
        }.Build();
        engine = EngineFactory.Create(engineOptions);

        // Create the IBrowser instance.
        browser = engine.CreateBrowser();

        InitializeComponent();

        // Initialize the WPF BrowserView control.
        browserView.InitializeFrom(browser);
        browser.Navigation.LoadUrl(Url);
    }

    private void Window_Closed(object sender, EventArgs e)
    {
        browser?.Dispose();
        engine?.Dispose();
    }
}

在这里,大部分代码都与 Chromium 实例和IBrowser 实例的显式初始化和关闭有关。 UI 控件初始化是通过调用InitializeFrom()显式执行的。这种方法可以更好地控制初始化和关闭过程,并且更容易自定义初始 Chromium 配置。

8. 高DPI

  • CefSharp 中,浏览器子进程的默认 DPI 感知是 Per-Monitor。因此,桌面应用程序应具备DPI感知功能,才能在高 DPI 显示器(DPI 比例设置大于 100% 的显示器)上正确运行。在其他情况下,浏览器内容可能无法正确呈现,例如:

image.png

  • DotNetBrowser 以不同的方式支持高 DPI。在初始化过程中,它会检查当前进程的 DPI 感知,并为相应的 Chromium 引擎设置匹配的 DPI 感知。因此,无需让应用程序显式识别 DPI 以避免在高 DPI 显示上呈现伪影。

image.png

9. 异步

DotNetBrowser 和 CefSharp 都可以在没有 UI 的应用程序中使用。

  • CefSharp 中,CefSharp.OffScreen.ChromiumWebBrowser用于此目的。初始化过程通常保持不变。但是,如果代码使用 async/await 模式,则需要使用同步上下文来确保在主线程上而不是在不同的工作线程上执行初始化和关闭。
  • 要在没有 UI 的应用程序中使用 DotNetBrowser,需要像往常一样执行初始化。在这种情况下,没有需要初始化的BrowserView。即使代码使用async/await模式,也无需创建和使用同步上下文。

10. API和功能

这两种产品都有许多可用的功能。在本文中,我将比较几个最重要的,以展示 API 的不同之处。

10.1 DOM访问

  • CefSharp 中,只能通过执行 JavaScript 调用来访问 DOM。
var script = @"
    document.getElementsByName('question')[0].value = 'CefSharp Example';
    document.getElementsByName('btn')[0].click();
";
browser.ExecuteScriptAsync(script);
  • DotNetBrowser 提供了丰富的 DOM API,可用于直接从 .NET 执行以下操作:
IDocument document = browser.MainFrame.Document;
(document.GetElementByName("question") as IInputElement).Value = "DotNetBrowser Example";
document.GetElementByName("btn").Click();
  • 访问和修改 DOM 树
  • 更改 HTML 元素属性
  • 订阅 DOM 事件并从 .NET 代码中调度它们

因此,在 DotNetBrowser 中与网页执行复杂的交互要方便得多。无需编写难以调试和支持的复杂 JavaScript 代码。 DotNetBrowser 中的 DOM API 不是一组 JavaScript 调用的包装器。它直接对 Blink 引擎进行 IPC 调用。

10.2 与JavaScript交互

执行JavaScript并处理结果

  • CefSharp 和 DotNetBrowser 都提供了在网页上执行 JavaScript 的能力。在 CefSharp 中,有两种方法可用于此目的,ExecuteJavaScriptAsync和EvaluateScriptAsync。两者都可用于浏览器本身(通过扩展方法)或其中的一个框架:
// Execute JavaScript without returning a result. The method returns 
// before the script has actually been executed.
browser.ExecuteJavaScriptAsync("alert('All Resources Have Loaded');");

// Evaluate some Javascript code. The script will be executed asynchronously 
// and the method returns a Task encapsulating the response from the 
// JavaScript.
JavascriptResponse response = await browser.EvaluateScriptAsync(script);

然后使用JavascriptResponse.Result获取执行结果。可能的结果类型有 bool, int, long, double, string, List, IDictionary<string, object>, 和IJavascriptCallback。这里的集合是 JavaScript 集合的快照表示,而IJavascriptCallback是一种 JavaScript 函数表示,可用于从 .NET 端执行它。

  • DotNetBrowser 中,有 IFrame.ExecuteJavaScript()用于此目的。此方法的通用版本可用于显式指定预期的返回类型:
string title = await browser.MainFrame.ExecuteJavaScript<string>("document.title");
IJsObject window = await browser.MainFrame.ExecuteJavaScript<IJsObject>("window");
IElement body = await browser.MainFrame.ExecuteJavaScript<IElement>("document.body");

这里的主要区别是可以将 JavaScript 对象表示为IJsObject。使用此接口,可以访问和修改 JavaScript 对象的属性并调用其方法。在 .NET 端对IJsObject所做的所有更改都将立即反映在 JavaScript 端。此外,ExecuteJavaScript调用可以返回一个IElement,这是一个 DOM 元素的表示,可以使用它来访问和修改 DOM 属性或订阅 DOM 事件。

10.3 从JavaScript调用.NET

CefSharp 和 DotNetBrowser 都可以使网页上的 JavaScript 可以访问 .NET 对象,但是,CefSharp 存在一些特定的限制。

  • CefSharp JavaScript 绑定可用于 JavaScript 和 .NET 之间的通信。但是,CefSharp 不允许将Form, Window或任何Control注入 JavaScript。另外,CefSharp 只支持调用注入对象的方法。如果需要设置属性,则必须修改类并创建 Get/Set 方法。
  • DotNetBrowser 中,可以将任何对象注入 JavaScript,包括 Form, Window和Control对象。执行注入后,可以访问注入的 .NET 对象的公共字段、属性和方法。此外,DotNetBrowser 支持从 JavaScript 访问索引属性(使用字符串或数字索引器)。如果需要从 JavaScript 访问 .NET 集合,这会很有帮助。

10.4 截屏

两种解决方案都支持在浏览器不可见时进行截屏。但是,API 有明显不同。以下是代码片段:
在CefSharp中截图:

// Take a screenshot
var bitmapAsByteArray = await browser.CaptureScreenshotAsync();

// Save the screenshot as PNG
var screenshotPath = Path.GetFullPath("screenshot.png");
File.WriteAllBytes(screenshotPath, bitmapAsByteArray);

在DotNetBrowser中截图:

// Take a screenshot
DotNetBrowser.Ui.Bitmap image = browser.TakeImage();

// Convert the screenshot to System.Drawing.Bitmap and save it as PNG
System.Drawing.Bitmap bitmap = image.ToBitmap();
bitmap.Save("screenshot.png", ImageFormat.Png);

主要的 DotNetBrowser DLL 不使用System.Drawing中的类型,因为它的限制,因此,它提供了自己的类型。然后可以通过DotNetBrowser.Wpf或DotNetBrowser.WinForms中提供的扩展方法将此类型转换为常规System.Drawing.Bitmap。

11. 分发和部署

  • CefSharp 需要Microsoft Visual C++运行时存在于环境中。 Visual C++ 2015 是最低版本,但所需的确切版本取决于 Chromium 版本。因此,需要在希望运行基于 CefSharp 的应用程序的每台机器上预安装 Microsoft Visual C++ Redistributable Package,将其设置为安装程序的依赖项,或将其 DLL 打包为应用程序的一部分,并确保 CefSharp 正确找到它们。
  • DotNetBrowser 中,所有必需的 Chromium 二进制文件和 DLL 都已打包到 DotNetBrowser DLL 中,并且可以在执行期间自动提取。无需预先安装 Microsoft Visual C++ Runtime 即可使用 DotNetBrowser。

12. 支持和更新

  • CefSharp 是一个开源项目。如果发现错误或缺少功能,可以提出建议。
  • DotNetBrowser是为使用.NET开发软件的商业公司设计和创建的商业产品,对集成第三方解决方案的质量和支持有很高的要求。自 2015 年以来,TeamDev 开发并支持 DotNetBrowser。

所有已订阅有效标准支持的客户都可免费使用所有DotNetBrowser 新版本并获得技术支持。如果发现错误或缺少功能,提交反馈即可。
几乎每个月都会发布一个新版本的 DotNetBrowser。会在 Chromium 正式发布后的 3-4 周内将 Chromium 升级到最新的稳定版本(带有最新的安全补丁和修复的漏洞)。

『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?,# 『Winform_C/S架构开发』,.net,dotnetbrowser,cefsharp

五、总结

因为开源和免费,CefSharp 被广泛使用。它很容易为基本案例进行配置,并且拥有广泛的文档和活跃的开源开发者社区。
但是,它具有来自其设计和架构的限制。缺少沙盒支持使其安全性降低,并且进程内方法会影响稳定性并增加应用程序的内存使用量。
它也不能用于暗示在单独的 AppDomain(如 VSTO)中运行代码的环境。对于其他一些情况,例如播放使用专有编解码器编码的内容,必须自己构建、更新和维护 CEF。这需要大量额外的工作和基础设施。
与加载的网页的复杂交互会通过 JavaScript 注入执行,这使得生成的代码更难调试和支持。
DotNetBrowser 简化了所有这些案例的开发过程——由于它的进程外架构,它可以用于创建更稳定和安全的解决方案。使用 DotNetBrowser,可以与需要在单独的 AppDomain 中运行代码的应用程序集成,并在网页上执行复杂的操作,而无需进行大量的 JavaScript 注入。
除此之外,如果你觉得缺少某样功能、发现某些问题或有其他疑问,你可以随时与DotNetBrowser团队联系并获得帮助。文章来源地址https://www.toymoban.com/news/detail-581144.html

到了这里,关于『DotNetBrowser』.Net的浏览器嵌入组件,该选择DotNetBrowser 还是 CefSharp?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 如何选择一款安全稳定的跨境浏览器?

    选择适合自己的跨境浏览器是进行跨境电商和跨境交流的关键一步。本文将为您介绍如何客观地选择一款安全稳定的跨境浏览器,以便更好地进行跨境业务。 网络速度:跨境业务需要稳定而高速的网络连接。选择一个能够快速加载网页并且具备良好缓存管理的浏览器是必要的

    2024年02月03日
    浏览(57)
  • delphi使用Edge Browser浏览器组件

    RAD Studio 10.4在VCL Web浏览器上具有一项新功能。它是Edge Browser,它具有新功能,并且比以前的Web浏览器更具兼容性。 这是在C ++ Builder和Delphi中使用Edge浏览器的快速帮助。 在Windows上安装“ Edge ”版本 从RAD Studio的GetIt菜单下载“ Edge SDK” 从MS microsoft.web.webview2.0.9.515- prerelease

    2024年02月15日
    浏览(40)
  • Edge浏览器无法展示Stable Diffusion Control Net插件

    最近在学习Stable Diffusion,需要使用到Control Net插件,结果通过各种方式安装成功插件后,浏览器页面没有展示ControlNet相关页面,最终换到Chorme浏览器后正常,猜测Edge部分功能无法支持,导致底部部分功能无法加载成功展示的是空白页 Edge页面: Chorme页面:

    2024年02月15日
    浏览(42)
  • 【Unity3D插件】Embedded Browser嵌入式浏览器插件使用教程

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 好久没有介绍插件了,今天分享一款比较好用的嵌入式浏览器插件。 可以在Unity的UGUI上渲染一个网页

    2024年02月11日
    浏览(40)
  • 浏览器require加载devextreme-react组件

    十几年前使用了devexpress公司的delphi元件,功能很强。它们的html元件devextreme,功能表现类似,也行强。 devextreme和devextreme-react,我使用的是23.2.3版本。 官方推荐的用法,都是要经过build: 经过约12秒的build,出来的html中有一个bundle.js,大小为12.5M。 它的模式是MPA,用babel把r

    2024年01月23日
    浏览(53)
  • net中winform教程 浏览器控件,还是微软的WebView2最好用

    如果想在Winform项目中使用浏览器控件,可能想到的第一个控件就是微软自带的WebBrowser,可这个不争气的家伙,从出现到现在,没有一丁点的升级,即使身为Net程序员,也不得不对它竖起了中指。不过,好在微软迷途知返,提供了升级控件,才算摆平。不然让Google的Cef控件抢

    2024年02月11日
    浏览(52)
  • 浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析

    现阶段的浏览器运行在一个单用户,多合作,多任务的操作系统中。一个糟糕的网页同样可以让一个现代的浏览器崩溃。其原因可能是一个插件出现bug,最终的结果是整个浏览器以及其他正在运行的标签被销毁。 现代操作系统已经非常健壮了,它让应用程序在各自的进程中运

    2023年04月09日
    浏览(50)
  • 前端面试题-(浏览器内核,CSS选择器优先级,盒子模型,CSS硬件加速,CSS扩展)

    内核 描述 Trident(IE内核) 主要用在window系统中的IE浏览器中,由微软研发并投入使用 Gecko(Firefox内核) 主要用于Firefox浏览器中,特点是代码完全公开,开发程度高 Webkit(Safari内核) 苹果产品中的safari浏览器使用的就是webkit内核,其特点是不受ie,firefox等内核的约束,比较安全。

    2024年01月25日
    浏览(74)
  • Chrome浏览器自签名证书NET::ERR_CERT_COMMON_NAME_INVALID报错【解决】

    在使用自签名证书的过程中,chrome浏览器报错 NET::ERR_CERT_COMMON_NAME_INVALID ,不能直接显示内容。如图: 生成证书的时候没有加上备用名称字段,目前的浏览器校验证书都需要这个字段。 使用xca生成自签名证书,并加入备用名称。解决方案: 第一步:设置commonName,为自己的域

    2024年02月16日
    浏览(77)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包