📜  离子-科尔多瓦InAppBrowser

📅  最后修改于: 2020-12-08 05:14:58             🧑  作者: Mango


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。

离子科尔多瓦InAppBrowser

此插件可以使用其他几种方法,下表列出了其中一些方法。

Cordova $ inAppBrowser方法

Method Parameters Type Details
setDefaultOptions(parameter1) options object Used to set global options for all InAppBrowsers.
open(parameter1, parameter2, parameter3) URL, target, options string, string, object There are three targets available. _blank will open new inAppBrowser instance. _system will open system browser and _self will use current browser instance.
close / / Used to close InAppBrowser.

Cordova InAppBrowser活动

该插件还提供可以与$ rootScope结合使用的事件。

Example Details
$rootScope.$on(‘$cordovaInAppBrowser:loadstart’, function(e, event)); Called when inAppBrowser start loading the page.
$rootScope.$on(‘$cordovaInAppBrowser:loadstop’, function(e, event)); Called when inAppBrowser has finished loading the page.
$rootScope.$on(‘$cordovaInAppBrowser:loaderror’, function(e, event)); Called when inAppBrowser has encountered error.
$rootScope.$on(‘$cordovaInAppBrowser:exit’, function(e, event)); Called when inAppBrowser window is closed.