BlogAll Blog Posts | Next Post | Previous Post
Monday, November 9, 2020
TAdvWebBrowser/TTMSFNCWebBrowserTAdvWebBrowser or TTMSFNCWebBrowser are both the same components.
The first one is a component that is available in TMS VCL UI Pack and the TTMSFNCWebBrowser is included in TMS FNC Core.
This component can display web pages, HTML and load files such as PDF files.
Both browsers also allow executing scripts and catch the result in a callback.
Get startedYou will need to take some additional steps to get started with the TAdvWebBrowser. The component is based on the Microsoft Edge Chromium web browser, so first of all this should be installed. Luckily Edge Chromium is now the default browser that Windows is distributing with the Windows 10 updates.
Another important remark is that you can use the normal version of Microsoft Edge and you don't need to intall one of their specific channels.
Another thing that you will need is the WebView2Loader DLL file. There is a 32-bit and 64-bit DLL, the use of one of these depends on the version of the application that you want to build. You can find these files in the 'Edge Support' folder which comes with the installation package.
These need to be placed in the systems folder of your system. In case you are working on a 32-bit system, you will need to put the file in the System32 folder. If you are working on a 64-bit system the file needs to be in the SysWOW64 folder as Delphi is a 32-bit program.
More information on the setup can be found here.
Now you are ready to start working with the TAdvWebBrowser.
TAdvWebBrowser built-in featuresTo start with the TAdvWebBrowser it can be as easy as placing the component on the form and setting the URL property to the link that you want.
If you want to give the user some more control, we've created a demo application, in which you can navigate via a TEdit and have buttons to go forward and backward.
This is easily done with the following code:
With the OnNavigationComplete event you can check if the webbrowser changed to the desired page.
AdvWebBrowser.Navigate(AURL); AdvWebBrowser.goBack; AdvWebBrowser.goForward;
In this code sample we will add the URL to a listbox and check if we can go back or forward between the web pages.
Some other things that you can do is set your own HTML code.
procedure TForm.AdvWebBrowserNavigateComplete(Sender: TObject; var Params: TAdvCustomWebBrowserNavigateCompleteParams); begin ListBox1.Items.Add(Params.URL); Back.Enabled := AdvWebBrowser1.CanGoBack; Forward.Enabled := AdvWebBrowser1.CanGoForward; end;
Go to the next levelYou can get much more out of your TAdvWebBrowser with the use of some simple methods.
DOM access is currently not possible in the TAdvWebBrowser itself, but you can retrieve the HTML text of your page via this function as well. And you can make it readable by parsing the retrieved text to JSON. In this case it is done in an anonymous callback method.
TAdvWebBrowser also supports bridging between the client and the web browser. You can do this by creating a class for your bridge object.
As this Value parameter that you retrieve is a string, you can store anything you want in Value. This can be very useful for a JSON object.
TMyBridgeObject = class(TInterfacedPersistent, IAdvCustomWebBrowserBridge) private function GetObjectMessage: string; procedure SetObjectMessage(const Value: string); published property ObjectMessage: string read GetObjectMessage write SetObjectMessage; end; procedure TMyBridgeObject.SetObjectMessage(const Value: string); begin //Use the Value parameter. end;
Then you will need to add the bridge to the HTML code.
In this example the Value will be equal to "Yes".
AHTML := '' + #13 + ' ' + #13 + ' ' + #13 + ' ' + #13 + ' ' + #13 + ' ' + #13 + ' ' + #13 + ''; o := TMyBridgeObject.Create; AdvWebBrowser1.AddBridge(BridgeName, o);
This will give you the following HTML:
If you want to see the demo in action, I've already made a video on the TAdvWebBrowser demo where I explain how it works.
This blog post has received 1 comment.
All Blog Posts | Next Post | Previous Post