آموزش Cordova InAppBrowser در برنامه نویسی آیونیک

3 سال پیش

آموزش Cordova InAppBrowser در برنامه نویسی آیونیک

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش Cordova InAppBrowser در برنامه نویسی آیونیک خواهیم پرداخت.
پلاگین Cordova InAppBrowser برای باز کردن پیوندهای خارجی برنامه شما در نمای مرورگر وب استفاده می شود.

استفاده از مرورگر

شروع کار با این پلاگین بسیار آسان است. تمام کاری که شما باید انجام دهید این است که پنجره خط فرمان را باز کرده و افزونه Cordova را نصب کنید.

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

این مرحله به ما امکان می دهد تا استفاده از inAppBrowser را شروع کنیم. اکنون می توانیم یک دکمه ایجاد کنیم که ما را به برخی از لینک های خارجی هدایت کند و یک عملکرد ساده برای راه اندازی پلاگین اضافه کنیم.

کد HTML

.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	برای تنظیم گزینه های جهانی برای همه InAppBrowsers استفاده می شود.
open(parameter1, parameter2, parameter3)	URL, target, options	string, string, object	سه هدف در دسترس است. _blank در نمونه جدیدAppBrowser باز می شود. _system مرورگر سیستم را باز می کند و _ خودش از نمونه مرورگر فعلی استفاده می کند
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 بسته است فراخوانی می شود.

منبع.

لیست جلسات قبل آموزش برنامه نویسی آیونیک

نویسنده مطلب erfan molaei

آموزش Cordova InAppBrowser در برنامه نویسی آیونیک

آموزش Cordova InAppBrowser در برنامه نویسی آیونیک

استفاده از مرورگر

کد HTML

متدهای Cordova $inAppBrowser

رویدادهای Cordova InAppBrowser

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

بدون دیدگاه

آموزش Cordova InAppBrowser در برنامه نویسی آیونیک

استفاده از مرورگر

کد HTML

متدهای Cordova $inAppBrowser

رویدادهای Cordova InAppBrowser

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه