How to use Edge Browser Component

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/

--

--

--

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

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Avoid These 4 Common React Native App Development Mistakes

Deploying Next.JS App on Azure App Service

Deploying Next.JS App on Azure App Service

React + TypeScript + ESLint + Prettier

My 7 Favorite VS Code Extensions (That Aren’t Mentioned Yet)

What is JavaScript Canvas?

READ/DOWNLOAD=+ Learning jQuery 3 — Fifth Edition:

#düsseldorf #ig_mood http://ift.tt/2juqWak

Class vs. Functional Components in React

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Yilmaz Yoru

Yilmaz Yoru

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

More from Medium

CodeSignal Arcade The Core (17/162) Kill K-th Bit

House Robber Problem C easy to understand Sol

Key Interstate-80 Congestion Relief Project In Solano Gets An Infusion of $244 Million

A Step Towards Computational Problem Solving