IONIC 3 InAppBrowser executeScript

Ionic Framework ionic-v3
1

I am using this native plugin to open a InAppBrowser. Also I want to inject a css and/or JS in that page, as in that page mentioned, I should use below code for css inject but it doesn’t work:

browser.on('loadstop').subscribe(event => {
   browser.insertCSS({ code: "body{color: red;" });
});

Can anyone help me?

2

You’r importing from

import { InAppBrowser } from '@ionic-native/in-app-browser';

That docs if for Ionic3

But try import from.

This is for Ionic 4.x AppInBrowser Docs

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

Installation

ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser

USAGE

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

constructor(private iab: InAppBrowser) { }


const browser = this.iab.create('https://ionicframework.com/');

browser.executeScript(...);

browser.insertCSS(...);
browser.on('loadstop').subscribe(event => {
   browser.insertCSS({ code: "body{color: red;" });
});

browser.close();
3

tried but didn’t worked!
Did you tried it yourself in IONIC 3?