I have issue in InAppBrowser, following is my code, URL load correctly in browser but all other InAppBrowse functions are not working, for example executeScript() etc are not working… please let me know what’s wrong in following code.
MyInAppBrowserTest()
{
var url = 'http://www.google.com';
var target = "_self";
var CSS = "body{background-color:#ff0000;} .inAppBrowserWrap { background-color: rgba(0,0,0,0.75); color: rgba(235,235,235,1.0); } .inAppBrowserWrap menu { overflow: auto; list-style-type: none; padding-left: 0;} .inAppBrowserWrap menu li { font-size: 25px; height: 25px; float: left; margin: 0 10px; padding: 3px 10px; text-decoration: none; color: #ccc; display: block; background: rgba(30,30,30,0.50);}.inAppBrowserWrap menu li.disabled { color: #777;}";
var options = "location=yes,hidden=yes";
console.log("InAppBrowser Start");
let browser = new InAppBrowser(url, target);
browser.insertCss({ code: CSS });
browser.on("loadstart")
.subscribe(
(res) => {
alert('InAppBrowser loadstart Success');
},
err => {
console.log("InAppBrowser loadstart Event Error: " + err);
});
browser.executeScript( { code: "alert('Hello');" } ).then( ()=> {
console.log("executeScript clicked");
alert('executeScript clicked');
});
browser.on("loadstart")
.subscribe(
(res) => {
alert('InAppBrowser loadstart Success');
},
err => {
console.log("InAppBrowser loadstart Event Error: " + err);
});
browser.on("loadstop")
.subscribe(
(res) => {
browser.close();
alert('InAppBrowser loadstop Success');
},
err => {
console.log("InAppBrowser Loadstop Event Error: " + err);
});
browser.on("loaderror")
.subscribe(
(res) => {
alert('InAppBrowser loaderror Success');
},
err => {
console.log("InAppBrowser loaderror Event Error: " + err);
});
browser.on("exit")
.subscribe(
(res) => {
alert('InAppBrowser exit Success');
},
err => {
console.log("InAppBrowser exit Event Error: " + err);
});
console.log("InAppBrowser End");
}