etabard / Cordova-OverAppBrowser

[No longer maintained] Cordova plugin to display a non opaque Web View over your app (choose your x, y, width, height)

This repository is no longer maintained.

This plugin is outdated as it uses UIWebView which is deprecated by Apple (many thanks to sagrawal31 for pointing this out):

Apple stopped accepting new apps which uses UIWebView from April 2020 while the existing apps have to upgrade to use WKWebView by Dec 2020 and this plugin uses UIWebView.

Please upvote and follow this issue apache/cordova-plugin-inappbrowser#668

Issue reports and pull requests will not be attended.

OverAppBrowser 1.2

Render a webview over your cordova webview (ios and android).

Installation

To install from command line:

cordova plugin add com.lesfrancschatons.cordova.plugins.overappbrowser

Documentation

//function(strUrl, originx, originy, width, height, isAutoFadeIn)
oab = new OverAppBrowser('http://www.google.fr', 0, 100, 320, 320, true);

//Events : loadstop, loadstart, exit, loaderror
oab.addEventListener('loadstop', function(){
        //insert inline style
		oab.insertCSS({code:'#hplogoo {-webkit-transform: rotate(180deg);}'});

        //insert css file
        oab.insertCSS({file:'http://domain.com/style.css'});

        //execute javascript code
        oab.executeScript({code:'window.alert("test");'});

        //insert javascript file
        oab.executeScript({file:'http://domain.com/script.js'});
});

//Fade the webview
oab.fade(toAlpha, duration);

//Resize the webview
oab.resize(originx, originy, width, height);

//Close the webview
oab.close();

This loads google.fr over your html app at x=0, y=100, width=320, height=320 and rotates the homepage logo