How to remove the address bar of our app

Questions
1

Hi, as the title suggests i’m trying to remove the browser address bar at the top of all views in my app. Im testing on a physical android device but it still looks like a web page because of the ‘ugly’ address bar. Is there a directive we can add to app.js to suppress this in Android & IOS

thanks

2

Are you running it as a standalone app, eg by Cordova or Electron? Or within the phone’s web browser?

3

Hi,
Im running it on my physical phone device via the network IP and also debugging in Chrome Inspector - i dont expect to remove the address bar in the Inspector but can we remove it when viewing on an actual Android/IOS device?? I guess thats means i’m running it as a Standalone app - i will be adding some Cordova plugins in later on. I want to compile to Adroid & IOS app stores eventually.

4

If you intention is to distribute it as an ‘app’ (ie downloadable to run offline) then you’re best to use Cordova or Electron to wrap your HTML/CSS/JS content. This will run as a native app with a web view, and there will be no browser address bar.

5

Ok, that’s sounds like a plan, what do i need to do to achieve that? I’ve seen some files (in the sample apps) have a .f7 extension does that mean that they are optimised for Cordova. What steps do i need to wrap my app into a Cordova app? If i remember, from a good few years ago now when i first tried F7 you need a manifest file. Its early days with my app so I’d like to do this at this point before things let more elaborate.

Electron is for building desktop-based apps yes? i definitely don’t want that. Isn’t Cordova built into F7? So isn’t just the case that i need to build my app as a PWA, that way I’ll have a manifest file which i believe allows you to specify how the app runs.

thanks