Tutorial: Creación de un navegador Web Básico con Visual Basic.NET

Este es un tutorial básico que pretende mediante controles, eventos, propiedades y métodos mostrarte como crear un navegador básico de internet, es una idea que podría ser parte de uno de tus proyectos de software, por ejemplo si tienes un webSite podrías dejar un formulario en tu aplicación para que un cliente ingrese directamente a tu sitio.

Bueno, ahora si manos a la obra, comencemos:

A un proyecto en VB.Net le agregamos un formulario al que vamos a llamar FrmNavegador

navegador1

Luego, en los controles comunes encontramos un control llamado WebBrowser, el cual arrastramos hasta el formulario.

navegador2

Automáticamente el control se acopla al formulario, y como necesitamos espacios para agregar la barra de direcciones, vamos a desactivar esta característica haciendo clic en la flecha de la parte superior derecha y seleccionamos la opción que aparece en la gráfica.

navegador3

Luego cambiamos el tamaño del control  para que tome un aspecto similar al siguiente:

navegador4

Ahora para hacer una prueba inicial del funcionamiento de este control, buscamos en sus propiedades a una llamada Url, en la cual vamos a colocar al frente una dirección web, por ejemplo:

navegador5

Ahora podemos presionar la tecla F5 Y observamos como carga la página en el WebBrowser.

navegador6

Si se maximiza la pantalla, podrán darse cuenta que el formulario se maximiza, pero el control queda de un tamaño desproporcionado , no aumentó su tamaño junto con el form, así que para solucionar este inconveniente, detenemos la ejecución del programa, seleccionamos el control WebBrowser y buscamos en las propiedades a una llamada Anchor, mediante la cual relacionamos el control con los bordes del formulario, para que este control se ajuste proporxionlamente, para ello hagan clic en las posiciones  que  se muestra en la figura que presento a continuación:

navegador7

Luego pueden presionar F5 Y comprobar que al maximizar el formulario el control mantiene la proporción.   Detenemos la ejecución del programa  y vamos a agregar los siguientes controles controles:

navegador8

Una caja de texto y tres botones a los que vamos a llamar txtDireccion, BtnIr, BtnAtras, BtnAdelante respectivamente.  Una vez creados ante el evento clic de cada uno de los tres botones, colocamos el siguiente código:

navegador9

En el evento del botón BtnIr  se emplea el método Navigate para que cargue la dirección web que se escribió en la caja de texto.

En  el evento del botón atrás se utiliza un IF y en la propiedad CanGoBack se comprueba si ya se ha cargado una página antes de la actual para poder ejecutar el método GoBack y algo similar sucede en el  evento del botón BtnAdelante.

Si presionan F5 podrá comprobar el uso de los tres botones.   Una vez comprobado el funcionamiento,  vamos a hacer que en la barra de títulos del formulario aparezca el título que el sitio web tiene, así que para ello  detenemos la ejecución del formulario, seleccionamos el WebBrowser y en la ventana de propiedades buscamos los eventos y hacemos doble clic en el evento DocumentCompleted.

navegador10

En el evento en cuestión escribimos una sentencia que le asigna a la propiedad text del formulario, el valor de la propiedad DocumentTitle del WebBrowser, así como se muestra en el siguiente ejemplo:

navegador11

Luego presionamos F5 y vemos como funciona..!!!   Podrán apreciarlo como en la siguiente gráfica:

navegador12

Ahora, si ustedes ya han navegado por varias páginas y han usado los botones atrás y adelante, notarán que sí me lleva a las páginas visitadas, pero en nuestra “barra de direcciones” se mantiene la última Url cargada.  Pues bien, este problemita se soluciona utilizando la siguiente sentencia:

navegador13

¿En que evento se debe colocar para que funcione?

Bueno, les queda de tarea…

😀

Anuncios

3 comentarios

  1. Muchas Gracias esta publicar me fue muy util…

  2. Gracias Men Me Sirvio !!!
    loe ke yo estoy haciendo uno igual pero con base de Datos !!
    Spero me SALGA

  3. Amigo, sabes como puedo hacer para que me admita javascript?

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: