delphi使用Edge Browser浏览器组件

  • Post author:
  • Post category:其他


RAD Studio 10.4在VCL Web浏览器上具有一项新功能。它是Edge Browser,它具有新功能,并且比以前的Web浏览器更具兼容性。

这是在C ++ Builder和Delphi中使用Edge浏览器的快速帮助。

  1. 在Windows上安装“ Edge ”版本
  2. 从RAD Studio的GetIt菜单下载“ Edge SDK”
  3. 从MS microsoft.web.webview2.0.9.515- prerelease.nupkg或最新版本下载WebView2
  4. 通过7zip打开下载的软件包
  5. 将所需文件复制到调试或发布输出目录

    1. 如果您有32位项目,请从bin / x86复制WebView2Loader.dll
    2. 或者,如果您有64位项目,则从bin / x64复制WebView2Loader.dll
  6. 运行样本

    1. C ++ Builder:C:\ Users \ Public \ Documents \ Embarcadero \ Studio \ 21.0 \ Samples \ CPP \ VCL \ WebBrowser \ Edge
    2. Delphi:C:\ Users \ Public \ Documents \ Embarcadero \ Studio \ 21.0 \ Samples \ Object Pascal \ VCL \ WebBrowser \ Edge

如果创建一个空项目,请在顶部放一个编辑框和一个按钮。在您的编辑框文本中添加URL(即https://www.embarcadero.com)。

将Edge Browser组件UI从组件面板拖放到窗体,

然后

在C ++ Builder中的鼠标单击上添加以下行之一:


EdgeBrowser1->Navigate(Edit1->Text);


在Delphi中:


EdgeBrowser.Navigate(Edit1.Text);

并且不要忘记将32或64位WebView2Loader.dll复制到输出目录。


Delphi XE 10.4 新增的EdgeBrowser浏览器控件用到的一个WebView2Loader.dll


百度网盘下载:


链接: https://pan.baidu.com/s/1_HEZ0G8LvE2FMck-sRuT_Q 提取码: 9nfv


如果单击表单上的Edge Browser UI并按F1帮助,则可以获取有关其功能的更多详细信息。

另外,您可以检查示例的详细功能。

注意:Edge浏览器尚不支持FireMonkey。

目前,Edge Canary是在开发PC和最终用户PC上编译和运行应用程序的要求。与WebView2一样,所需的DLL需要随程序一起分发。这两者都是Microsoft的要求和二进制集,并且在正式版本中可能会发生更改。

安装Edge(Canary版本)和必需的Microsoft WebView2程序包之后,在RAD Studio 10.4 IDE中打开GetIt程序包管理器窗口,并找到相应的条目,如下所示:

安装软件包时,应用程序所需的DLL分别复制到RAD Studio的32位和64位应用程序的可再发行文件夹中(都称为WebView2Loader.dll)。将此DLL复制到构建目标文件夹中或搜索路径中的某处。

使用TEdgeBrowser组件

TEdgeBrowser组件的用法与TWebBrowser几乎相同。实际上,某些方法和属性与TWebBrowser相似。将组件放在VCL表单上后,按如下所示适当调整其大小:

要显示带有特定URL的页面,只需将该URL传递给Navigate方法。

   EdgeBrowser1.Navigate('https://www.XueXiDaShi.Vip');

就这样。运行应用程序时,应该看到类似以下内容的内容:

TWebBrowser呢?

VCL TWebBrowser组件继续扮演相同的角色。换句话说,Internet Explorer WebBrowser浏览器控件提供了呈现Web内容的功能。但是,除了这些传统行为之外,TWebBrowser现在还具有一个新的SelectedEngine属性。除了传统的基于IE的浏览器控件之外,此属性还允许您使新的Edge(Chromium)WebView2浏览器控件表现为在目标计算机上可用。

优点是,它提供了一个可在所有Windows PC上运行的单一浏览器控件,同时与现有代码保持了高度的兼容性(就浏览器组件中使用的方法和属性而言)。新的Edge控件的优点是它具有更强大的自定义此新引擎的功能。



版权声明:本文为delphigbg原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。