Ionic InAppBrowser

Cordova InAppBrowser插件用于在Web浏览器视图中打开应用程序中的外部链接。

使用浏览器

开始使用这个插件非常容易。您需要做的就是打开命令提示符窗口并安装Cordova插件。

C:\Users\Username\Desktop\MyApp>cordova plugin add org.apache.cordova.inappbrowser

此步骤允许我们开始使用 inAppBrowser 。我们现在可以创建一个按钮，引导我们进入一些外部链接，并添加一个简单的函数来触发插件。

HTML代码

<button class = "button" ng-click = "openBrowser()">OPEN BROWSER</button>

控制器代码

.controller('MyCtrl', function($scope, $cordovaInAppBrowser) {

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

   $scope.openBrowser = function() {
      $cordovaInAppBrowser.open('http://ngcordova.com', '_blank', options)

      .then(function(event) {
         // success
      })

      .catch(function(event) {
         // error
      });
   }
})

当用户点击按钮时，InAppBrowser将打开我们提供的URL。

Ionic Cordova InAppBrowser

此插件可以使用其他几种方法，其中一些方法在下表中。

Cordova $ inAppBrowser方法

方法	参数	类型	详细
setDefaultOptions(parameter1)	options	object	用于为所有InAppBrowser设置全局选项。
open(parameter1, parameter2, parameter3)	URL, target, options	string, string, object	有三个目标可用。空白将打开新的inAppBrowser实例。系统将打开系统浏览器，self将使用当前的浏览器实例。
close	/	/	用于关闭InAppBrowser。

Cordova InAppBrowser活动

此插件还提供可与 $ rootScope 结合使用的事件。

例	细节
$ rootScope。$ on（'$ cordovaInAppBrowser：loadstart'，function（e，event））;	在inAppBrowser开始加载页面时调用。
$ rootScope。$ on（'$ cordovaInAppBrowser：loadstop'，function（e，event））;	在inAppBrowser完成加载页面时调用。
$ rootScope。$ on（'$ cordovaInAppBrowser：loaderror'，function（e，event））;	在inAppBrowser遇到错误时调用。
$ rootScope。$ on（'$ cordovaInAppBrowser：exit'，function（e，event））;	在inAppBrowser窗口关闭时调用。