科尔多瓦InAppBrowser -如何禁用网址和导航栏？

Question

我目前正在构建一个新闻聚合应用程序，我正在使用InAppBrowser让人们阅读文章。现在，我的问题是:我可以删除URL和导航栏吗？另外，我可以更改“完成”按钮文本吗？

请让我知道。

谢谢

​

​

Answer 1

要删除URL，只需将'location‘选项设置为"no“即可。

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'location=no');

在安卓系统上，这将删除“后退/前进”按钮、网址和“完成”按钮，而不仅仅是网址，但值得庆幸的是，安卓有一个专门的‘hideurlbar’选项，可以只删除网址。

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', ‘hideurlbar=yes’);

“完成”按钮文本可以通过添加'closebuttoncaption‘选项来更改。

(如果使用InAppBrowser插件v2.0.2或更高版本，现在可以在Android上运行。)

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'closebuttoncaption=My Button Name');

在iOS上，可以通过将“工具栏”选项设置为"no“来删除工具栏。

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'toolbar=no');

但是，删除工具栏意味着“后退/前进”按钮和“完成”按钮都将不再显示。这使得退出InAppBrowser变得很困难。

(在安卓系统上，退出InAppBrowser的问题不大，因为如果“完成”按钮没有显示，“系统后退”按钮提供了另一种退出方法。)

如果你想保留‘完成’按钮，但去掉‘后退/前进’按钮，请将'hidenavigationbuttons‘选项设置为’‘(需要InAppBrowser插件v3.0.0或更高版本)。

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'hidenavigationbuttons=yes');

对于较旧的插件版本，您可以通过修改InAppBrowser插件的源代码来手动删除所有InAppBrowsers中的“后退/前进”按钮，如下所示。

对于iOS，请打开以下文件

YOURAPPNAME/platforms/ios/YOURAPPNAME/Plugins/cordova-plugin-inappbrowser/CDVInAppBrowser.m

并将以下代码行从：

[self.toolbar setItems:@[self.closeButton, flexibleSpaceButton, self.backButton, fixedSpaceButton, self.forwardButton]];

至：

[self.toolbar setItems:@[self.closeButton, flexibleSpaceButton]];

然后使用命令行重新构建您的项目。

对于Android，请打开以下文件

YOURAPPNAME/platforms/android/src/org/apache/cordova/inappbrowser/InAppBrowser.java

并删除以下代码行：

toolbar.addView(actionButtonContainer);

要同时删除URL，请同时删除以下代码行：

toolbar.addView(edittext);

然后使用命令行重新构建您的项目。

感谢danw和Vishwani提供了有用的答案。使用Cordova 8.0.0、Cordova iOS 4.5.4、Cordova Android 7.1.0和cordova-plugin-inappbrowser 3.0.0测试了2018年4月

Answer 2

在3.1.0(?)您可以使用“工具栏”选项隐藏工具栏。

例如：

ref = window.open('http://some.page/foo/', '_blank', 'location=no,toolbar=no');

请参阅：phonegap docs

Answer 3

window.open('http://url/', '_blank', 'location=no,toolbar=no');

location ：设置为yes或no可打开或关闭InAppBrowser的地址栏。

工具栏：设置为yes或no可打开或关闭InAppBrowser的工具栏(默认为yes)。这看起来像是ios唯一的

查找所有选项here