In App Browser

提供网络浏览器视图。它可以用来打开图片,访问的网页,并打开PDF文件。

方法(Methods)

$cordovaInAppBrowserProvider.setDefaultOptions(options)

设置默认全局选项

参数 类型 说明
options Object 设置全局,所有内置浏览器默认选项

open(URL, target, options)

设置默认全局选项

参数 类型 说明
URL String URL地址
target String 三种加载URL(_self,_blank,_system)
options Object 选择默认选项(如果已设置全局,可以将其替换)

close()

关闭内置浏览器窗口

参数 类型 说明

事件(Event)

$rootScope.$on(‘$cordovaInAppBrowser:loadstart’, function(e, event));

当内置浏览器加载URL时候触发此事件如open()

$rootScope.$on(‘$cordovaInAppBrowser:loadstop’, function(e, event));

当内置浏览器加载URL处于带载停止状态会触发此事件

$rootScope.$on(‘$cordovaInAppBrowser:loaderror’, function(e, event));

当内置浏览器加载URL遇到错误时候会触发此事件

$rootScope.$on(‘$cordovaInAppBrowser:exit’, function(e, event));

当内置浏览器退出时触发此事件

代码实例

设置默认选项

1.module.config(function($cordovaInAppBrowserProvider) {
2.
3. var defaultOptions = {
4. location: 'no',
5. clearcache: 'no',
6. toolbar: 'no'
7. };
8.
9. document.addEventListener(function () {
10.
11. $cordovaInAppBrowserProvider.setDefaultOptions(options)
12.
13. }, false);
14.});

打开一个新内置浏览器

1.module.controller('ThisCtrl', function($cordovaInAppBrowser) {
2.
3. var options = {
4. location: 'yes',
5. clearcache: 'yes',
6. toolbar: 'no'
7. };
8.
9. document.addEventListener(function () {
10. $cordovaInAppBrowser.open('http://ngcordova.com', '_blank', options)
11. .then(function(event) {
12. // success
13. })
14. .catch(function(event) {
15. // error
16. });
17.
18.
19. $cordovaInAppBrowser.close();
20.
21. }, false);
22.
23. $rootScope.$on('$cordovaInAppBrowser:loadstart', function(e, event){
24.
25. });
26.
27. $rootScope.$on('$cordovaInAppBrowser:loadstop', function(e, event){
28. // insert CSS via code / file
29. $cordovaInAppBrowser.insertCSS({
30. code: 'body {background-color:blue;}'
31. });
32.
33. // insert Javascript via code / file
34. $cordovaInAppBrowser.executeScript({
35. file: 'script.js'
36. });
37. });
38.
39. $rootScope.$on('$cordovaInAppBrowser:loaderror', function(e, event){
40.
41. });
42.
43. $rootScope.$on('$cordovaInAppBrowser:exit', function(e, event){
44.
45. });
46.
47.});