How to use Edge Browser Component

Yilmaz Yoru
2 min readSep 11, 2020

--

RAD Studio 10.4 has a new feature on VCL Web Browser. It is Edge Browser, it has new features and much more compatible than previous web browsers.

Here is a quick help to how to use Edge Browser in C++ Builder and Delphi;

1. Install “Edge Canary” version from https://www.microsoftedgeinsider.com to your Windows
2. Download “Edge SDK” from GetIt menu from RAD Studio
3. Download WebView2 from MS microsoft.web.webview2.0.9.515-prerelease.nupkg
https://www.nuget.org/packages/Microsoft.Web.WebView2/0.9.515-prerelease
or a latest version from
https://www.nuget.org/packages/Microsoft.Web.WebView2
4. Open downloaded package by 7zip
If you have 32bit project copy WebView2Loader.dll from bin/x86
or
if you have 64bit project copy WebView2Loader.dll from bin/x64
to your debug or release output directory
5. in C++ Builder;

Run sample from C:\Users\Public\Documents\Embarcadero\Studio\21.0\Samples\CPP\VCL\WebBrowser\Edge

or in Delphi;
Run sample from C:\Users\Public\Documents\Embarcadero\Studio\21.0\Samples\Object Pascal\VCL\WebBrowser\Edge

If you create an empty project, drop an edit box and a button to top. Add URL (i.e. https://www.embarcadero.com) to your edit box text.
Drop Edge Browser component UI from component palette to your form,
and add one of this line below on your mouse click

in C++ Builder:
EdgeBrowser1->Navigate(Edit1->Text);
in Delphi:
EdgeBrowser.Navigate(Edit1.Text);

And dont forget to copy 32 or 64 bit WebView2Loader.dll to your output directory.

If you click to Edge Browser UI on your form and press F1 Help, you can get more details about its feature.
Also you can examine sample for detailed features.

One more note Edge Browser is not supporting FireMonkey yet.

Please see more details from
https://blogs.embarcadero.com/new-vcl-tedgebrowser-component-rad-studio-10-4/

--

--

Yilmaz Yoru

Mechanical Engineer (MSc PhD), Developer, Founder of Esenja Company, Embarcadero C++ Builder MVP