Ionic - Cordova InAppBrowser (Ionic 内嵌浏览器)

Cordova InAppBrowser 插件用于在应用内网页浏览器视图中打开外部链接。

使用浏览器

使用此插件非常简单。您只需打开命令提示符窗口并安装 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。

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

Cordova $inAppBrowser 方法

Cordova InAppBrowser 事件

此插件还提供可以与 **$rootScope** 组合的事件。