Site icon Embarcadero RAD Studio, Delphi, & C++Builder Blogs

Using the Edge Browser Component (New in RAD Studio 10.4)

Yılmaz Yörü

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 on using the Edge Browser in C++Builder and Delphi;

  1. Install “Edge Canary” version to your Windows
  2. Download “Edge SDK” from the GetIt menu from RAD Studio
  3. Download WebView2 from MS microsoft.web.webview2.0.9.515-prerelease.nupkg or the latest version  
  4. Open downloaded package by 7zip 
  5. Copy required files to your debug or release output directory
    1. If you have a 32bit project copy WebView2Loader.dll from bin/x86
    2. or if you have a 64bit project copy WebView2Loader.dll from bin/x64
  6. Run sample
    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

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 the 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 don’t 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 the sample for detailed features.

Note: Edge Browser is not supporting FireMonkey, yet.

Read more

Exit mobile version