Ouvrez un site Web avec un InAppBrowser

Question

merci pour votre temps. J'essaie d'obtenir de l'aide pour une application ridicule et plus simple que vous avez jamais vu dans votre vie. C'est ce que je voudrais.

Je voudrais que mon thème ionique vierge affiche une page Web spécifique. C'est seulement ça!

Sans afficher la barre de navigation ou ouvrir le navigateur par défaut. Et mettre des annonces, pour le monétiser. Je ne veux pas d'onglets, d'entêtes, de menus et rien de plus. Il suffit de montrer un site avec des annonces sur l'application.

Comment puis-je faire cela? J'ai été essayé d'utiliser iframe sur le corps html, mais ça ne marche pas.

Answer 1

Utilisez le plugin cordovaInAppBrowser.

cordova plugin add cordova-plugin-inappbrowser 

l'intérieur de votre contrôleur

var options = { 
     location: 'yes', 
     clearcache: 'yes', 
     toolbar: 'no' 
    }; 

    document.addEventListener("deviceready", function() { 
    $cordovaInAppBrowser.open('http://ngcordova.com', '_blank', options) 
     .then(function(event) { 
     // success 
     }) 
     .catch(function(event) { 
     // error 
     }); 


    $cordovaInAppBrowser.close(); 

    }, false); 

    $rootScope.$on('$cordovaInAppBrowser:loadstart', function(e, event){ 

    }); 

    $rootScope.$on('$cordovaInAppBrowser:loadstop', function(e, event){ 
    // insert CSS via code/file 
    $cordovaInAppBrowser.insertCSS({ 
     code: 'body {background-color:blue;}' 
    }); 

    // insert Javascript via code/file 
    $cordovaInAppBrowser.executeScript({ 
     file: 'script.js' 
    }); 
    }); 

    $rootScope.$on('$cordovaInAppBrowser:loaderror', function(e, event){ 

    }); 

    $rootScope.$on('$cordovaInAppBrowser:exit', function(e, event){ 

    }); 

Answer 2

document.addEventListener("deviceready", onDeviceReady, false); 
var iabRef = null; 
function iabLoadStart(event) { 
    //window.plugins.spinnerDialog.show(); 
} 
function iabLoadStop(event) { 
    //window.plugins.spinnerDialog.hide(); 
    iabRef.show(); 
} 
function iabLoadError(event) { 
    iabRef.close(); 
    onDeviceReady(); 
} 
function iabClose(event) { 
    navigator.app.exitApp(); 
    iabRef.removeEventListener('loadstart', iabLoadStart); 
    iabRef.removeEventListener('loadstop', iabLoadStop); 
    iabRef.removeEventListener('loaderror', iabLoadError); 
    iabRef.removeEventListener('exit', iabClose); 
} 
function onDeviceReady() { 

    var target = "_self"; 
    var options = "location=no,zoom=yes,hidden=no,hardwareback=yes,mediaPlaybackRequiresUserAction=yes,hidden=yes,keyboardDisplayRequiresUserAction=yes"; 
    //fullscreen = yes,,'toolbar=yes', 'toolbarposition=top' 
    iabRef = window.open('http://www.google.com/', target, options); 


    iabRef.addEventListener('loadstart', iabLoadStart); 
    iabRef.addEventListener('loadstop', iabLoadStop); 
    iabRef.removeEventListener('loaderror', iabLoadError); 
    iabRef.addEventListener('exit', iabClose); 
} 

Plus regard informations sur le document cordova. Cordova Inappbrowser Document

ce code vous utilisez le fichier .js et ajouter des balises de tête à l'intérieur ok.