(浏览器选项卡)Browser Tab

(浏览器选项卡)Browser Tab,第1张

插件为某些移动平台上的应用程序内浏览器选项卡提供了一个界面,特别是Android上的自定义选项卡(包括Chrome自定义选项卡实施)和iOS上的SFSafariViewController。

Repo(备用): https://github.com/google/cordova-plugin-browsertab

1.安装Cordova和Ionic原生插件:

2. 添加插件到app's module

Android

iOS

isAvailable()

检查BrowserTab选项是否可用

****Returns:** Promise<any>

当检查成功并返回true或false时返回一个可解析的promise

openUrl(url)

使用浏览器标签打开提供的URL

****Returns:** Promise<any>

当检查打开成功时返回可解析的promise

close()

关闭浏览器标签

****Returns:** Promise<any>

接近完成时返回一个可解析的promise

4、ng-cordova安装与使用

4.1、下载ng-cordova

bower install ngCordova

4.2、引入ng-cordova.js文件

把 ng-cordova.js 或者 ng-cordova.min.js引入index.html中并放在cordova.js之前, AngularJS Ionic 文件之后 (因为ngCordova d依赖AngularJS).

4.4、引入ng-cordova的依赖

在主程序的app.js中引入ng-cordova的依赖

angular.module('myApp', ['ngCordova'])

4.5、添加插件到你的Cordova CLI环境中

cordova plugin add ...

4.6、使用

要在检查设备准备完毕之后使用

document.addEventListener("deviceready", function () {

$cordovaPlugin.someFunction().then(success, error)

}, false)

// OR with IONIC

$ionicPlatform.ready(function() {

$cordovaPlugin.someFunction().then(success, error)

})

不过我测试过,因为已经run过了,你的各种功能肯定在这之后,所以之后在哪用都可以。不过要是有些功能是启动应用就要有,还是要写在这里面的。

?

angular.module('starter', ['ionic', 'route','config','global','commonJs','ngCordova'])

.run(['$ionicPlatform','$rootScope', '$location', '$timeout', '$ionicHistory','CommonJs','$cordovaToast',function($ionicPlatform,$rootScope, $location, $timeout, $ionicHistory,CommonJs,$cordovaToast) {

$ionicPlatform.ready(function() {

// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard

if (window.cordova &&window.cordova.plugins &&window.cordova.plugins.Keyboard) {

cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true)

}

if (window.StatusBar) {

// org.apache.cordova.statusbar required

StatusBar.styleLightContent()

}

})

}])


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11223800.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存