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){

  });

});
评论 2 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

gzgchzc

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值