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** 組合的事件。