Ionic - Cordova InAppBrowser

Plugin Cordova InAppBrowser được sử dụng để mở các liên kết bên ngoài từ ứng dụng của bạn bên trong chế độ xem trình duyệt web.

Sử dụng Trình duyệt

Rất dễ dàng để bắt đầu làm việc với plugin này. Tất cả những gì bạn cần làm là mở cửa sổ nhắc lệnh và cài đặt plugin Cordova.

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

Bước này cho phép chúng tôi bắt đầu sử dụng inAppBrowser. Bây giờ chúng ta có thể tạo một nút sẽ dẫn chúng ta đến một số liên kết bên ngoài và thêm một chức năng đơn giản để kích hoạt plugin.

Mã HTML

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

Mã điều khiển

.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
      });
   }
})

Khi người dùng nhấn vào nút, InAppBrowser sẽ mở URL mà chúng tôi đã cung cấp.

Một số phương pháp khác có thể được sử dụng với plugin này, một số phương pháp trong bảng sau.

Phương pháp Cordova $ inAppBrowser

phương pháp	Thông số	Kiểu	Chi tiết
setDefaultOptions (tham số1)	tùy chọn	vật	Được sử dụng để đặt các tùy chọn chung cho tất cả các Trình duyệt InApp.
mở (tham số1, tham số2, tham số3)	URL, mục tiêu, tùy chọn	chuỗi, chuỗi, đối tượng	Có ba mục tiêu có sẵn. _blank sẽ mở phiên bản inAppBrowser mới. _system sẽ mở trình duyệt hệ thống và _self sẽ sử dụng phiên bản trình duyệt hiện tại.
đóng	/	/	Được sử dụng để đóng InAppBrowser.

Sự kiện Cordova InAppBrowser

Plugin này cũng cung cấp các sự kiện có thể được kết hợp với $rootScope.

Thí dụ	Chi tiết
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstart', function (e, event));	Được gọi khi inAppBrowser bắt đầu tải trang.
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstop', function (e, event));	Được gọi khi inAppBrowser tải xong trang.
$ rootScope. $ on ('$ cordovaInAppBrowser: loaderror', function (e, event));	Được gọi khi inAppBrowser gặp lỗi.
$ rootScope. $ on ('$ cordovaInAppBrowser: exit', function (e, event));	Được gọi khi cửa sổ inAppBrowser đóng.