<commit_before>---
layout: "fluid/docs_base"
version: "4.5.2"
versionHref: "/docs/native"
path: ""
category: native
id: "in-app-browser"
title: "In App Browser"
header_sub_title: "Class in module "
doc: "In App Browser"
docType: "class"
---

<h1 class="api-title">In App Browser</h1>

<a class="improve-v2-docs" href="http://github.com/ionic-team/ionic-native/edit/master/src/@ionic-native/plugins/in-app-browser/index.ts#L154">
  Improve this doc
</a>







<p>Launches in app Browser</p>


<p>Repo:
  <a href="https://github.com/apache/cordova-plugin-inappbrowser">
    https://github.com/apache/cordova-plugin-inappbrowser
  </a>
</p>


<h2><a class="anchor" name="installation" href="#installation"></a>Installation</h2>
<ol class="installation">
  <li>Install the Cordova and Ionic Native plugins:<br>
    <pre><code class="nohighlight">$ ionic cordova plugin add cordova-plugin-inappbrowser
$ npm install --save @ionic-native/in-app-browser
</code></pre>
  </li>
  <li><a href="https://ionicframework.com/docs/native/#Add_Plugins_to_Your_App_Module">Add this plugin to your app's module</a></li>
</ol>



<h2><a class="anchor" name="platforms" href="#platforms"></a>Supported platforms</h2>
<ul>
  <li>AmazonFire OS</li><li>Android</li><li>Browser</li><li>iOS</li><li>macOS</li><li>Windows</li>
</ul>






<h2><a class="anchor" name="usage" href="#usage"></a>Usage</h2>
<pre><code class="lang-typescript">import { InAppBrowser } from &#39;@ionic-native/in-app-browser&#39;;

constructor(private iab: InAppBrowser) { }


...


const browser = this.iab.create(&#39;https://ionicframework.com/&#39;);

browser.executeScript(...);
browser.insertCSS(...);
browser.close();
</code></pre>








<h2><a class="anchor" name="instance-members" href="#instance-members"></a>Instance Members</h2>
<h3><a class="anchor" name="create" href="#create"></a><code>create(url,&nbsp;target,&nbsp;options)</code></h3>

Opens a URL in a new InAppBrowser instance, the current browser instance, or the system browser.
<table class="table param-table" style="margin:0;">
  <thead>
  <tr>
    <th>Param</th>
    <th>Type</th>
    <th>Details</th>
  </tr><commit_msg>Automated build of native docs ionic-team/ionic-native@39017df2e3b0421a61ca142f2b5bd4789f1cec2b<commit_after>---
layout: "fluid/docs_base"
version: "4.5.2"
versionHref: "/docs/native"
path: ""
category: native
id: "in-app-browser"
title: "In App Browser"
header_sub_title: "Class in module "
doc: "In App Browser"
docType: "class"
---

<h1 class="api-title">In App Browser</h1>

<a class="improve-v2-docs" href="http://github.com/ionic-team/ionic-native/edit/master/src/@ionic-native/plugins/in-app-browser/index.ts#L154">
  Improve this doc
</a>







<p>Launches in app Browser</p>


<p>Repo:
  <a href="https://github.com/apache/cordova-plugin-inappbrowser">
    https://github.com/apache/cordova-plugin-inappbrowser
  </a>
</p>


<h2><a class="anchor" name="installation" href="#installation"></a>Installation</h2>
<ol class="installation">
  <li>Install the Cordova and Ionic Native plugins:<br>
    <pre><code class="nohighlight">$ ionic cordova plugin add cordova-plugin-inappbrowser
$ npm install --save @ionic-native/in-app-browser
</code></pre>
  </li>
  <li><a href="https://ionicframework.com/docs/native/#Add_Plugins_to_Your_App_Module">Add this plugin to your app's module</a></li>
</ol>



<h2><a class="anchor" name="platforms" href="#platforms"></a>Supported platforms</h2>
<ul>
  <li>AmazonFire OS</li><li>Android</li><li>Browser</li><li>iOS</li><li>macOS</li><li>Windows</li>
</ul>






<h2><a class="anchor" name="usage" href="#usage"></a>Usage</h2>
<pre><code class="lang-typescript">import { InAppBrowser } from &#39;@ionic-native/in-app-browser&#39;;

constructor(private iab: InAppBrowser) { }


...


const browser = this.iab.create(&#39;https://ionicframework.com/&#39;);

browser.executeScript(...);

browser.insertCSS(...);
browser.on(&#39;loadstop&#39;).subscribe(event =&gt; {
   browser.insertCSS({ code: &quot;body{color: red;&quot; });
});

browser.close();
</code></pre>








<h2><a class="anchor" name="instance-members" href="#instance-members"></a>Instance Members</h2>
<h3><a class="anchor" name="create" href="#create"></a><code>create(url,&nbsp;target,&nbsp;options)</code></h3>

Opens a URL in a new InAppBrowser instance, the current browser instance, or the system browser.
<table class="table param-table" style="margin:0;">
  <thead>
  <tr>
    <th>Param</th>
    <th>Type</th>
    <th>Details</th>
  </tr>
{'fraction_non_alphanumeric': 0.2036831595296206, 'fraction_numerical': 0.018637674728200576, 'mean_word_length': 5.125, 'pattern_counts': {'":': 0, '<': 149, '<?xml version=': 0, '>': 149, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6428563', 'n_tokens_mistral': 1739, 'n_tokens_neox': 1622, 'n_words': 300}