Navigating the web

The debate about whether native or web mobile apps are better seems to be over. A native mobile app, like the ones built with Delphi, C++Builder, or Xcode are the most common choice. However, sometimes it would make a lot of sense to combine these two different worlds and create a hybrid solution where an app is still native, but it embeds a web browser.

Luckily, in FireMonkey there is a special TWebBrowser component that makes it easy to embed web browsing functionality in your app.

Create a blank, multi-device application. Save the form as uFormWebBrowser and the project as WebBrowserApp. Drop a toolbar component on the form. Drop the TEdit component on the toolbar and rename it as edtURL. It will contain a URL for the web browser component to navigate to. For convenience, you can already put a valid URL into the Text property of the edit so it is faster at runtime to see if our app is working correctly. This could be, for example, the web address of the Embarcadero community...