ionic添加cordova插件-InAppBrowser 2016-12-22 app ionic **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){ }); }); ```