InAppBrowserでウェブサイトを開く

Question

ありがとうございました。

私はあなたの人生で今までに見たばかばかしく簡単なアプリのためにいくつかの助けを得ようとしています。これは私が望むものです。

空白のイオンテーマを特定のウェブページにすることをお勧めします。それだけです！

ナビゲーションバーが表示されていないか、既定のブラウザで開いている。いくつかの広告を入れて収益化します。

私はタブ、ヘッダー、メニューなど何も望んでいません。アプリに広告を表示するサイトを表示するだけです。

どうすればいいですか？ 私はhtmlボディ上でiframeを使用しようとしていますが、それはうまく動作しません。

Answer 1

cordovaInAppBrowserプラグインを使用してください。お使いのコントローラ内部

cordova plugin add cordova-plugin-inappbrowser 

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); 
} 

詳しい情報ルックコルドバドキュメント。 Cordova Inappbrowser Document

このコードでは、.jsファイルを使用し、okの内部にheadタグを追加します。