es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Eliminar la barra inferior de TWA en Android con Firefox como navegador del sistema.

17 Jul, 2023 Programación

Al utilizar Firefox como navegador del sistema y al iniciar una aplicación de navegador eficiente (TWA) que se instaló a través de Play Store, se muestra una barra inferior. Esta barra muestra el nombre del host, tiene un botón para cerrar la aplicación y un menú contextual. Esta barra no es visible cuando Chrome es el navegador del sistema. La barra tampoco es visible en Chrome ni en Firefox al iniciar una aplicación web progresiva (PWA) que se instaló desde un navegador.

¿Es posible ocultar esta barra inferior? Tenga en cuenta que en mi caso he subido el archivo “.well-known/assetlinks.json” y parece estar funcionando correctamente, ya que Chrome lo requiere para ocultar la barra.

Esto es utilizando Firefox versión 95.1.0.

TWA de Firefox:

Ver imagen aquí

TWA de Chrome:

Ver imagen aquí

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Sí, es posible ocultar la barra inferior al lanzar una TWA que se haya instalado a través de Play Store en Firefox. Una forma de hacer esto es agregando el atributo "navigation_color" en la sección android-config del archivo assetlinks.json. El valor de este atributo debe ser el mismo que el color de fondo de la aplicación. Esto hará que la barra inferior se mezcle con la aplicación y se vuelva invisible.

    Ejemplo de archivo assetlinks.json:

    [{
  "relation": ["delegate_permission/common.handle_all_urls"],
  "target": {
    "namespace": "android_app",
    "package_name": "com.example.myapp",
    "sha256_cert_fingerprints": ["AB:CD:EF:..."]
  },
  "android_app": {
    "package_name": "com.example.myapp",
    "sha256_cert_fingerprints": ["AB:CD:EF:..."],
    "theme_color": "#ffffff",
    "navigation_color": "#ffffff"
  }
}]

    Ten en cuenta que esto solo funcionará en Firefox y no en Chrome, ya que Chrome requiere un archivo assetlinks.json verificado para ocultar la barra. Además, la barra seguirá siendo visible al lanzar una PWA que se haya instalado desde un navegador, ya que en este caso no se utiliza el archivo assetlinks.json.

    Esta solución debería funcionar en la última versión de Firefox (versión 95.1.0 al momento de escribir esto).

Comments are closed.