시간 내 주셔서 감사합니다. InAppBrowser

Question

으로 웹 사이트를 엽니 다.

나는 인생에서 본 어리 석고 가장 간단한 응용 프로그램에 대한 도움을 얻으려고합니다. 이것이 내가 원하는 것입니다.

필자는 빈 이온 테마를 특정 웹 페이지로 표시하고 싶습니다. 그것은 단지 이것!

탐색 표시 줄을 표시하지 않거나 기본 브라우저에서 엽니 다. 일부 광고를 게재하여 수익을 창출하십시오.

나는 탭, 헤더, 메뉴 등을 원하지 않습니다. 앱에 광고가있는 사이트 만 표시하면됩니다.

어떻게하면됩니까? html 본문에서 iframe을 사용하려고 시도했지만 작동하지 않습니다.

Answer 1

cordovaInAppBrowser 플러그인을 사용하십시오. 컨트롤러

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 plugin add cordova-plugin-inappbrowser 

. Cordova Inappbrowser Document

이 코드는 .js 파일을 사용하고 ok 안에 헤드 태그를 추가합니다.