Cómo Crear un Navegador Web Fácil y Rápido en MIT App Inventor (WebViewer)


Proyecto de navegador web desarrollado en MIT App Inventor con funciones esenciales como búsqueda, navegación entre páginas, actualización de contenido y gestión básica del historial. Ideal para conocer el funcionamiento del componente WebViewer.



Este proyecto muestra cómo desarrollar un navegador web utilizando MIT App Inventor y el componente WebViewer. La aplicación permite abrir páginas web directamente desde el dispositivo móvil e incorpora diversas funciones que hacen la navegación más práctica, como una página de inicio, botones para avanzar y retroceder en el historial, actualización de páginas y limpieza de cookies y memoria caché.

Además, el proyecto incluye un sistema básico para interpretar el contenido escrito por el usuario en la barra de direcciones. Dependiendo del texto ingresado, la aplicación puede reconocer si se trata de una dirección web o de una búsqueda, realizando la acción correspondiente. También incorpora algunas validaciones sencillas para mejorar el comportamiento del navegador frente a diferentes tipos de entrada.

En conjunto, este proyecto representa un ejemplo práctico del uso de WebViewer y del manejo de texto, condiciones y listas dentro de MIT App Inventor. Su estructura puede servir como base para ampliar el navegador con nuevas funciones o adaptarlo a diferentes tipos de aplicaciones que requieran mostrar contenido web.


Navegador web creado con MIT App Inventor mostrando Google como página principal mediante el componente WebViewer.
Pantalla principal del navegador desarrollado en MIT App Inventor mostrando Google como página de inicio.

Navegador desarrollado en MIT App Inventor cargando la página oficial de Facebook mediante WebViewer.
El navegador abre correctamente Facebook utilizando la barra de direcciones integrada.

Navegador creado con MIT App Inventor mostrando el canal de YouTube VaidrollTeam dentro del componente WebViewer.
Ejemplo de navegación mostrando el canal de YouTube VaidrollTeam desde la aplicación.

Resultados de búsqueda sobre capibaras mostrados en el navegador desarrollado con MIT App Inventor.
Resultado de una búsqueda realizada desde el navegador utilizando Google.





📥A continuación, tienes disponible el botón para descargar el archivo .aia de este proyecto. Una vez descargado, puedes subirlo directamente a tu cuenta de MIT App Inventor y probar su funcionamiento de inmediato.

Detalles del Archivo
Nombre del archivo: MiNavegadorV1.aia
Tamaño: 8KB
Descargar


    ¿Cómo importar el archivo a mis proyectos?
      • El archivo lo debes de importar en MIT App Inventor en la opción de proyectos e importar proyecto desde mi ordenador.

      ¿Cómo probar el proyecto?
      • En MIT App Inventor presiona en la opción Conectar y AI Companion.
      • Se genera un código QR o de 6 caracteres.
      • Descarga la aplicación MIT AI2 Companion de forma gratuita en Google Play o App Store.
      • Escanea el código QR o ingresa el código de 6 caracteres.