cordova - Cordova InAppBrowser-如何禁用URL和导航栏？

Question

我目前正在构建News Aggregator应用，并且正在使用InAppBrowser来使人们阅读文章。现在，我的问题是:是否可以删除URL和导航栏？另外，我可以更改“完成”按钮的文字吗？

请告诉我...

谢谢

Answer 1

要删除网址，只需将“位置”选项设置为“ no ”。

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

在Android上，这不仅删除了URL，而且还删除了“后退/前进”按钮，URL和“完成”按钮，但值得庆幸的是，只有Android专用的“ hideurlbar ”选项可以仅删除URL。

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

可以通过添加' closebuttoncaption '选项来更改'Done'按钮文本。
(如果使用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。

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

如果要保留“完成”按钮，但要摆脱“后退/前进”按钮，请将“ hidenavigationbuttons ”选项设置为“ yes ”(需要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提供有用的答案。已于2018年4月在Cordova 8.0.0，Cordova iOS 4.5.4，Cordova Android 7.1.0和cordova-plugin-inappbrowser 3.0.0中进行测试