ionic打开内置浏览器

2018-11-26  本文已影响0人  菠菜盼娣

cordova-plugin-inappbrowser cordova插件

1 安装插件

cordova platform add cordova-plugin-inappbrowser

2 app.js引入

$cordovaInAppBrowser

```

var defaultOptions = {

      location: 'yes',

      clearcache: 'yes',

      toolbar: 'yes'

};     $cordovaInAppBrowser.open('https://auth.ys7.com/static/chromeTip.html', '_blank', defaultOptions)

.then(function(event) {

// success

})

  .catch(function(event) {

// error

});

```

3 关闭内置浏览器

$cordovaInAppBrowser.close();

4 关于参数

open()中的URL参数为浏览器跳转的地址;

target的参数有三种:

_self:如果URL地址在WhiteList中,则用Cordova的WhiteList将其打开;

_blank:直接在App中将其地址打开;

_system:则是用手机默认浏览器将新页面打开

options参数包含以下信息:

location:设置为yes或no来打开或关闭插件的locationbar;

hidden:设置为yes则加载出页面但不显示;设置为no则正常加载页面;

Android独有属性:

zoom:设置为yes则显示缩放浏览器页面的按钮,设置为no则不显示缩放按钮;

hardwareback:设置为yes则调用Android返回键回到前一界面,设置为no则返回键为退出浏览器页面;

iOS独有属性:

closebuttoncaption:设置yes则显示Done按钮,设置为no则隐藏Done按钮,点击Done按钮关闭浏览器页面;

toolbar:设置为yes则显示toolbar;no则隐藏toolbar(toolabar相当于Android的返回键功能);

keyboardDisplayRequiresUserAction:设置为yes或者no来控制打开键盘时是否通过JavaScript调用focus()接收焦点,默认为yes;

toolbarposition:设置为top或者bottom,使工具栏显示在窗口的顶部或底部;

上一篇下一篇

猜你喜欢

热点阅读