ไอออนิก - Cordova InAppBrowser

ปลั๊กอิน 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

วิธี พารามิเตอร์ ประเภท รายละเอียด
setDefaultOptions (พารามิเตอร์ 1) ตัวเลือก วัตถุ ใช้เพื่อตั้งค่าตัวเลือกส่วนกลางสำหรับ InAppBrowsers ทั้งหมด
เปิด (พารามิเตอร์ 1 พารามิเตอร์ 2 พารามิเตอร์ 3) URL เป้าหมายตัวเลือก สตริงสตริงวัตถุ มีเป้าหมายสามเป้าหมาย _blank จะเปิดอินสแตนซ์ใหม่ inAppBrowser _system จะเปิดเบราว์เซอร์ระบบและ _self จะใช้อินสแตนซ์เบราว์เซอร์ปัจจุบัน
ปิด / / ใช้เพื่อปิด InAppBrowser

เหตุการณ์ Cordova InAppBrowser

ปลั๊กอินนี้ยังมีกิจกรรมที่สามารถใช้ร่วมกับไฟล์ $rootScope.

ตัวอย่าง รายละเอียด
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstart', ฟังก์ชัน (e, event)); เรียกว่าเมื่อ inAppBrowser เริ่มโหลดหน้า
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstop' ฟังก์ชัน (e, event)); เรียกว่าเมื่อ inAppBrowser โหลดหน้าเว็บเสร็จแล้ว
$ rootScope. $ on ('$ cordovaInAppBrowser: loaderror', ฟังก์ชัน (e, event)); เรียกว่าเมื่อ inAppBrowser พบข้อผิดพลาด
$ rootScope. $ on ('$ cordovaInAppBrowser: exit', ฟังก์ชัน (e, event)); เรียกว่าเมื่อปิดหน้าต่าง inAppBrowser