是否可以自定义InAppBrowser的“完成”按钮和条位置?

时间:2013-08-10 13:24:09

标签: cordova cordova-2.0.0 inappbrowser

我有一个应用程序,我用InAppBrowser插件打开一个外部URL,所以我想改变bar所在位置的位置......

是否可以自定义InAppBrowser的“完成”按钮?

5 个答案:

答案 0 :(得分:3)

您现在可以通过设置toolbarposition=top来更改工具栏的位置。它默认为toolbarposition=bottom

如前所述,您还可以通过设置closebuttoncaption=Back或任何您喜欢的内容来自定义“完成”按钮的文本。

现在可以找到最新的InAppBrowser文档here(他们已经移动了)。

答案 1 :(得分:2)

是的,我们可以自定义......

仅限ioS。

  1. closebuttoncaption - 设置为将成为其标题的字符串 “完成”按钮。请注意,您必须本地化此值 自己。
  2. 工具栏 - 设置为“是”或“否”以打开或关闭工具栏 InAppBrowser(默认为“是”)
  3. 但是在这里你无法改变状态栏和完成按钮的位置。

答案 2 :(得分:1)

Phonegap v2.9.0允许您自定义InAppBrowser的某些方面。

可以找到更多here

答案 3 :(得分:1)

window.open('http://url/', '_blank', 'toolbarposition=top');

toolbarposition :设置为顶部或底部(默认为底部)。使工具栏位于窗口的顶部或底部。

closebuttoncaption :设置为一个字符串,用作完成按钮的标题。请注意,您需要自己本地化此值。

查找所有选项here

答案 4 :(得分:1)

只是分享一个以更有条理的方式传递多个选项的示例:

// inAppBrowser
this.openUrl = url => {
    if (typeof cordova === 'undefined') return;

    let options = [
        'location=no',
        'toolbarposition=top',
        'enableViewportScale=yes',
        'transitionstyle=fliphorizontal',
        'closebuttoncaption=Back to the App'
    ];

    window.cordova.InAppBrowser.open(url, '_blank', options.join());
};

我分享是因为我错过了文档中的部分,说多个选项应该作为单个字符串传递,逗号分隔,没有空格(除了,我猜,' closebuttoncaption'接受普通空格的选项。