example - Cordova InAppBrowser-¿Cómo deshabilitar la URL y la barra de navegación?

ionic 2 install inappbrowser

Question

Actualmente estoy compilando una aplicación de agregador de noticias y estoy usando InAppBrowser para que las personas lean los artículos. Ahora, mi pregunta es: ¿Puedo eliminar la URL y la barra de navegación? Además, ¿puedo cambiar el texto del botón "Hecho"?

Por favor hagamelo saber...

Gracias

Answer 1

En 3.1.0 (?) Puede ocultar la barra de herramientas utilizando la opción ''barra de herramientas''.

Por ejemplo:

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

ver: documentos de phonegap

Answer 2

En caso de que quiera eliminar completamente la barra de herramientas, puede establecer temporalmente la variable HEIGHT de la barra de herramientas en 0.0. Lo encontrará en el mismo archivo que en la respuesta anterior. No es la mejor solución, pero desaparece.

Answer 3

Para eliminar la URL, simplemente configure la opción '' ubicación '' en " no ".

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

En Android, esto elimina los botones ''Atrás / Adelante'', la URL y el botón ''Listo'', no solo la URL, pero afortunadamente hay una opción especial de '' hideurlbar '' solo para Android para eliminar SOLAMENTE la URL.

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

El texto del botón ''Listo'' se puede cambiar agregando una opción '' closebuttoncaption ''.
(Ahora funciona en Android si usa el complemento InAppBrowser v2.0.2 o superior).

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

En iOS, la barra de herramientas puede eliminarse configurando la opción '' barra de herramientas '' en " no ".

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

Sin embargo, quitar la barra de herramientas significa que ya no se mostrarán los botones ''Atrás / Adelante'' Y el botón ''Listo''. Esto hace que sea difícil salir de InAppBrowser.

(Salir de InAppBrowser es un problema menor en Android, ya que el botón Atrás del sistema proporciona un método de salida alternativo si el botón ''Listo'' no se muestra).

Si desea mantener el botón ''Listo'', pero deshágase de los botones ''Atrás / Adelante'' , configure la opción '' OcultarNavegación Botones '' en '' Sí '' (requiere el complemento InAppBrowser v3.0.0 o superior).

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

Para versiones de plugin más antiguas, puede eliminar manualmente los botones ''Atrás / Adelante'' en TODOS sus InAppBrowsers modificando el código fuente para el complemento InAppBrowser de la siguiente manera.

Para iOS, abra el siguiente archivo

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

y cambie la siguiente línea de código de:

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

a:

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

Luego crea tu proyecto nuevamente usando la línea de comando.

Para Android, abra el siguiente archivo

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

y elimine la siguiente línea de código:

toolbar.addView(actionButtonContainer);

Para eliminar también la URL, elimine también la siguiente línea de código:

toolbar.addView(edittext);

Luego crea tu proyecto nuevamente usando la línea de comando.

Gracias a Danw y Vishwani por respuestas útiles. Probado en abril de 2018 con Cordova 8.0.0, Cordova iOS 4.5.4, Cordova Android 7.1.0 y cordova-plugin-enppbrowser 3.0.0

Answer 4

Si desea mantener el botón listo / cerrado y eliminar todo lo demás, mantenga la ubicación = sí:

var ref = window.open(''http://apache.org'', ''_blank'', ''location=yes'');

y hacer cambios en el archivo inappbrowser.java:

toolbar.addView(close);
close.setText("Done");

if (getShowLocationBar()) {
main.addView(toolbar);}

Elimina EditText y actionButtonContainer. Espero eso ayude.

Answer 5

Utilizar:

var options = {
  "location": "no", 
  "toolbar": "no"
};
$cordovaInAppBrowser.open(url, target, options);

Answer 6

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

ubicación : establezca en sí o no para activar o desactivar la barra de ubicación de InAppBrowser.

barra de herramientas : establezca en sí o no para activar o desactivar la barra de herramientas para el InAppBrowser (predeterminado en sí). Esto parece ser ios solo

Encuentra todas las opciones here