InAppBrowser not working that cannot open on app

i am trying to create an in App Browser ios and android app (Basically open a web site as a mobile app)
However when i deploying on my iphone the web doesnt open on the app, but open on a browser.
below is the code i am trying, i had tried to check is this a problem of white list.

BELOW a home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { InAppBrowser, InAppBrowserOptions} from '@ionic-native/in-app-browser';

  selector: 'page-home',
  templateUrl: 'home.html'
export class HomePage {
  constructor(private inAppBrowser: InAppBrowser) {


  ionViewDidLoad() {
    const options: InAppBrowserOptions ={
			zoom: 'no'
		const browser = this.inAppBrowser.create('', '_self')

BELOW a config.xml

<content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-navigation href="" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />

if i test on ionic serve -l it look fine