How to hide the address bar and bottom bar in webview

[tianyaluyi]

android

ios

using ionic and capacitor platform
this address bar is very unfriendly!

[tyf]

Hi @tianyaluyi welcome to the community!

Are you by chance building off of sample app of ours? While I’m not super familiar Ionic/Hybrid approaches, I’ve been testing using our sample app here. I know in general we don’t recommend using a WebView given it’s against OAuth best practices and we almost always recommend going the Chrome Custom Tab/Safari View Controller route as mentioned in this post (Directed at native development, but similar idea):

Using webview to login on Android instead of browser

Hi! Embedded login using the web view component is not recommended and the latest SDK does not support this. According to the Best Current Practice for OAuth 2.0 for Native Apps, only external user agents (such as the browser) should be used by native applications for authentication flows. Using the browser to make native app authorization requests results in better security and it gives users the confidence that they are entering credentials in the right domain. It also enables use of the use…

I know our sample implements @capacitor/browser which uses Safari View Controller on iOS and Chrome Custom Tabs on Android. You may be able to hide the address bar in a WebView but that’s a bit outside the scope of what Auth0 in particular can control.