I am currently building a News Aggregator App and I am using InAppBrowser for people to read the articles. Now, my questions is:
Can I remove the URL and Navigation Bar?
Also, can I change the "Done" button text?
To remove the URL, just set the location option to "no".
var ref = window.open('http://apache.org', '_blank', 'location=no');
Recent versions of Cordova/PhoneGap now allow you to change the 'Done' button text by adding a 'closebuttoncaption' option.
var ref = window.open('http://apache.org', '_blank', 'closebuttoncaption=My Button Name');
As danw mentioned, you can now also remove the entire toolbar by setting the 'toolbar' option to "no".
var ref = window.open('http://apache.org', '_blank', 'toolbar=no');
However, removing the toolbar means both the 'Back/Forward' buttons and the 'Done' button will no longer show. This makes it difficult to exit out of the InAppBrowser.
If you want to keep the 'Done' button, but get rid of the 'Back/Forward' buttons in all of your InAppBrowsers, you can modify the source code for the InAppBrowser plugin as follows.
For iOS, open the following file
YOURAPPNAME/platforms/ios/YOURAPPNAME/Plugins/org.apache.cordova.inappbrowser/src/ios/CDVInAppBrowser.m
and change the following line of code from:
[self.toolbar setItems:@[self.closeButton, flexibleSpaceButton, self.backButton, fixedSpaceButton, self.forwardButton]];
to:
[self.toolbar setItems:@[self.closeButton, flexibleSpaceButton]];
Then build your project again using the command line.
InAppBrowser官网详解:
http://cordova.apache.org/docs/en/3.3.0/cordova_inappbrowser_inappbrowser.md.html
- 大小: 94.3 KB
分享到:
相关推荐
AppVeyor 特拉维斯CI科尔多瓦插件的浏览器您可以在应用程序内显示有用的文章,视频和网络资源。 用户无需离开您的应用程序即可查看网页。 要获得一些想法,请查看本页底部的或直接转到内容。 该插件提供了一个Web...
这些参数分别代表了是否显示位置栏、是否隐藏浏览器窗口、是否允许缩放、是否在Android上使用硬件返回键、是否显示完成按钮、是否显示工具栏、是否需要用户交互才能显示键盘,以及工具栏的位置。 最后,通过一个...
该插件提供了在调用cordova.InAppBrowser.open()时显示的Web浏览器视图。 var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'location=yes'); cordova.InAppBrowser.open()函数被定义为...
在移动应用开发领域,Cordova 是一款非常流行的开源框架,它允许开发者使用Web...在实际操作中,理解Cordova的架构和插件机制,以及如何在Ionic项目中有效地管理和使用这些插件,是成为一名成功的Cordova开发者的关键。
本篇将详细介绍如何在Android平台上利用Cordova开发一个插件,以便播放海康威视(Hikvision)的监控视频。 首先,理解Cordova插件的工作原理是关键。Cordova插件是连接Web应用程序(基于JavaScript)与设备原生功能...
cordova-plugin-inappbrowser 此插件提供了在调用cordova.InAppBrowser.open()时显示的 Web 浏览器视图。 var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'location=yes');cordova....
【百度地图定位Cordova插件】是专门为Cordova框架设计的一款插件,它允许开发者集成百度地图服务到他们的移动应用程序中,实现精准的定位功能。Cordova是一个流行的开源框架,它使得开发者可以使用HTML5、CSS3和...
总的来说,"cordova-plugin-badge"插件是Cordova开发者用来在应用图标上显示通知数量的实用工具,通过简单的API调用即可实现角标的设置和管理。结合你的后端服务和消息推送机制,你可以在用户未打开应用时,通过角标...
在Cordova中,自定义插件是扩展其功能的关键机制,它们提供了JavaScript和原生平台代码之间的桥梁,使得Web应用程序能够访问设备的硬件特性和原生API。 ### 1. Cordova插件的基本结构 一个Cordova插件通常包含以下...
插件调用都只能调用本地的html,这个功能就是为了Cordova能调用远程的HTML页面,这样的话,一些逻辑可以放在服务器上,不需要全部打包放在app中,同时远程的html可以调用插件,调用方式同一般的cordova插件。
本压缩包文件“基于cordova插件形式开发的版本升级插件,支持android和iOS.zip”提供了一个专为Cordova设计的版本更新插件,适用于Android和iOS两大平台。这个插件的目标是帮助开发者轻松地实现在应用内部进行版本的...
在 Android 上开发 Cordova 插件,开发者可以将自己的 Java 代码与 JavaScript 交互,扩展 Cordova 应用的功能。本篇将深入探讨如何编写自定义的 Cordova 插件。 一、理解 Cordova 插件机制 Cordova 插件是连接 ...
Cordova二维码扫描插件是移动应用开发中的一个重要工具,它结合了Cordova框架与二维码识别技术,使得原生移动应用能够方便地集成二维码扫描功能。Cordova是一个流行的开源框架,它允许开发者使用HTML、CSS和...
2. **导入和使用插件**:在`Ionic 3`的组件或服务中,通过`import { Cordova } from '@ionic-native/core'`引入`Cordova`的装饰器,然后使用`@Cordova()`装饰器暴露插件的方法。 3. **处理异步操作**:由于`Cordova...
当应用调用`inappbrowser`插件时,它会在当前应用界面上打开一个新的浏览器窗口,这个窗口可以配置为全屏、弹出式或者在现有视图上覆盖。加载的网页可以访问设备的一些API,但受到一定的限制,以防止恶意代码对设备...
在Cordova中,可以使用InAppBrowser插件来实现类似的效果,尽管它的主要功能是打开新的浏览器窗口来加载外部URL,但也可以用来显示本地HTML内容,实现定制化的弹窗。此外,如果需要更精细的控制,可以编写自定义插件...
在本文中,我们将深入探讨如何在Ionic应用中调用Cordova插件,特别是涉及Android服务的实例。首先,让我们理解一下关键概念。 **Cordova** 是一个开源框架,允许开发者使用Web技术(如HTML、CSS和JavaScript)构建...
- 使用`cordova run android`命令在模拟器或设备上运行应用,测试插件功能。 - 调试Java代码通常使用Android Studio,而JavaScript部分可以通过Chrome开发者工具进行。 通过这个资源,你不仅可以了解Cordova项目...
- 当涉及到多个平台时,确保你的插件代码在各个平台上都兼容。 - 谨慎处理异步操作,确保正确调用回调函数。 - 使用`cordova plugin rm`命令可以移除已安装的插件。 在本示例中,`ABCD`可能表示具体的插件实例或子...
> 此实例代码为 Android Studio 原生项目集成 Cordova 插件演示,而非通过 Cordova 直接编译,方便您在现有 Android Studio 项目中集成 Cordova 进行 H5 混合开发。 为了结构清晰及易维护性,项目分三个 Module ,...