How to create ionic 4/5 capacitor browser without header bar?

Ionic Framework
1

Hi:

I want to make a capacitor browser (formerly inappbrowser) without header bar.

Don’t see it in the api.

How to do it?

2

https://capacitor.ionicframework.com/docs/apis/browser/ - my bad
https://ionicframework.com/docs/native/in-app-browser

Is this not the documentation for it, I might be wrong?.. :thinking::thought_balloon:
What is your question exactly, are you looking for a headless browser driver?
Or is it just to remove the header with url? :tada:

3

Hi:

it shows the url navigation. in the inappbrowser there was possibility to hide this.

4 
openWebpage(url: string) {
    const options: InAppBrowserOptions = {
      zoom: 'no',
      location: 'no',
      toolbar: 'no'
    };
    const browser = this.inAppBrowser.create('http://sco7.com/filemanager/sapphire/','_self','toolbar=no');
  }

I do believe it’s possible, i found a article about a customization of the InAppBrowserOptions :face_with_monocle:

5

10x, I will try.
But it is not inappbrowser in cordova.

Its Browser of capaciator.

I will try first thing when I will start testing tommorow.

6

Cool, there is a few other options to try out as well :upside_down_face:

      zoom: 'no',
      fullscreen: "yes",
      hidenavigationbuttons: "no",
      toolbar:'no',
      hideurlbar: 'yes'
7

Have you seen the link:

https://capacitor.ionicframework.com/docs/apis/browser/

8

The api there does not have these options.
So that’s why I asked the question

9

I changed it to the right https://ionicframework.com/docs/native/in-app-browser

10

But I use capacitor, without cordova.
I need capacitor solution.

11

Well is it for Android or iOS, because SFSafariViewController doesn’t let you remove the native controls - such as navigation, and the done button?

12

Hi: Android only. ios isn’t my target right at all

13

So you can’t just edit interface options or modify the AndroidManifest.xml?

14

How to do that? is there a guide to that? It should be listed in the capacitor browser page.

15

You might be right, as you wrote youself…

It’s not listed in the docs for “Capacitor Browser API” - it seems odd.
But the only way to change those settings is by using cordova InAppBrowser :frowning:

16

To who to notify this?

17