ionic添加cordova插件-InAppBrowser

gzgchzc博客最新更新地址：http://blog.gzvtc.cc/

InAppBrowser
提供网络浏览器视图。它可以用来打开图片，访问的网页，并打开PDF文件。

cordova plugin add cordova-plugin-inappbrowser

Methods

$cordovaInAppBrowserProvider.setDefaultOptions(options)

设置默认全局选项

参数 类型 说明
options Object 设置全局，所有内置浏览器默认选项

open(URL, target, options)

设置默认全局选项
参数 类型 说明
URL String URL地址
target String 三种加载URL（_self，_blank，_system）
options Object 选择默认选项(如果已设置全局,可以将其替换)

close()

关闭内置浏览器窗口

事件(Event)

$rootScope.$on(‘$cordovaInAppBrowser:loadstart’, function(e, event));

当内置浏览器加载URL时候触发此事件如open()

$rootScope.$on(‘$cordovaInAppBrowser:loadstop’, function(e, event));

当内置浏览器加载URL处于带载停止状态会触发此事件

$rootScope.$on(‘$cordovaInAppBrowser:loaderror’, function(e, event));

当内置浏览器加载URL遇到错误时候会触发此事件

$rootScope.$on(‘$cordovaInAppBrowser:exit’, function(e, event));

当内置浏览器退出时触发此事件

Examples
设置默认选项

module.config(function($cordovaInAppBrowserProvider) {

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

  document.addEventListener(function () {

    $cordovaInAppBrowserProvider.setDefaultOptions(options)

  }, false);
});

打开一个新内置浏览器

module.controller('ThisCtrl', function($cordovaInAppBrowser) {

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

  document.addEventListener(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){

  });

});