Tecnología

Inicio

Cómo hacer que su navegador web propio en C #

Cómo hacer que su navegador web propio en C #


El lenguaje C # Visual de Microsoft permite a los desarrolladores crear e implementar aplicaciones que se ven, sienten y funcionan como el sistema operativo Windows. Se podría pensar que la creación de un navegador de Internet funcione bien es una tarea difícil, pero se puede construir uno rápidamente usando C #. Basta con arrastrar y soltar los controles en un formulario, añadir un poco de lógica de codificación y crear su propio navegador web se puede mostrar la familia y amigos.

Instrucciones

Agregar controles al formulario

1 Lanzamiento de Visual Studio, y crear un proyecto nuevo Windows Forms C #. Visual Studio coloca los archivos del proyecto en la ventana Explorador de soluciones.

2 Haga clic en "Ver" para que aparezca un menú desplegable. Haga clic en "Caja de herramientas". La caja de herramientas se abre y muestra sus controles.

3 Busque el control "ToolStrip" y arrastre hasta el formulario. Visual Studio lo coloca en la parte superior del formulario.

Este control "ToolStrip", como los que se encuentran en otros navegadores, le permite colocar controles tales como botones y cuadros de texto en él.

4 Haga clic en la flecha desplegable que aparece en la parte superior del control "ToolStrip". Aparece un menú. Haga clic en "botón" para colocar un botón en el "ToolStrip." Haga clic en la flecha hacia abajo de nuevo, y luego haga clic en "botón". Visual Studio coloca un segundo botón en la "ToolStrip."

5 Haga clic en la flecha desplegable y haga clic en "Cuadro de texto". Un cuadro de texto aparece al lado de los dos botones. Estos botones funcionan como los botones del navegador "Atrás" y "Adelante". El cuadro de texto se convierte en la barra de direcciones del navegador donde se escribe las direcciones URL.

6 Haga clic en el botón desplegable una vez más, y haga clic en "botón" para colocar un botón a la derecha del cuadro de texto. Este botón es el botón "Go" del navegador.

Añadir lógica de controles

7 Haga clic con el primer botón que ha agregado y, a continuación, haga clic en "Propiedades" para abrir la ventana "Propiedades". Esta ventana contiene propiedades que se pueden agregar a los controles.

8 Busque la propiedad "Estilo de visualización" y haga clic en la flecha desplegable junto a esa propiedad. Haga clic en "texto".

9 Busque el control "ToolStrip" y arrastre hasta el formulario. Visual Studio lo coloca en la parte superior del formulario. Este control "ToolStrip", como los que se encuentran en otros navegadores, le permite colocar controles tales como botones y cuadros de texto en él.

10 Haga clic en el botón "Eventos" en la parte superior del Explorador de soluciones y, a continuación, haga doble clic en el evento "click". La ventana de código se abre y muestra el método que controla evento "click" del botón. Pegar el código siguiente en que el método:

webBrowser1.GoBack ();

Pulse la tecla "F7" para volver a la forma.

11 Haga clic en el segundo botón que se encuentra en el mando "ToolStrip" para seleccionar el botón. Mover a la caja de herramientas y haga clic en el botón "Propiedades" para mostrar las propiedades del botón. Ajuste de este botón "Estilo de visualización" en "Texto" como lo hizo en el paso anterior. Desplazarse hacia abajo, y el tipo de caja "(adelante)" en el "texto" de propiedad de texto.

12 Haga clic en el botón "Eventos" y haga doble clic en el evento "click" para mostrar el método del botón evento "Click". Pega este código en ese método.

webBrowser1.GoForward ();

Pulse la tecla "F7" para volver a la forma.

13 Haga clic en el control "cuadro de texto" en la "ToolStrip" para seleccionarlo, y volver a la ventana de "Propiedades". Busque la propiedad "Tamaño". Tiene dos valores tales como "100, 25". El primer valor define el ancho del cuadro de texto. Sustituir el primer valor con 300. El cuadro de texto se ensancha en el formulario.

14 Volver a la "ToolStrip," y haga clic en el botón a la derecha del cuadro de texto para seleccionarlo. Volver a la ventana de "Propiedades" y ajuste de dicho botón "Estilo de visualización" en "Texto". Desplazarse hacia abajo a la propiedad "Texto" y tipo "(Ir)" en el cuadro de texto junto a esa propiedad.

15 Haga clic en el botón "Eventos" y, a continuación, haga doble clic en el evento "click" para abrir la ventana de código que muestra el método del botón evento "Click". Pega este código en ese método. Pulse la tecla "F7" para volver a la vista de diseño que muestra el formulario.

Añadir control del explorador

dieciséis Mover a la caja de herramientas y haga doble clic en el control "WebBrowser" para añadirlo a la forma. Visual Studio lo sitúa por debajo de la "ToolStrip."

17 Mover a la ventana "Propiedades" y haga clic en el botón "Eventos". Busque el evento "DocumentCompleted". Haga doble clic en ese evento para mostrar la ventana de código. Esta ventana muestra el código de evento "DocumentCompleted" del control WebBrowser. Este método se ejecuta después de que el navegador finaliza la carga de una página Web.

18 Pega este código en ese método.

This.Text = webBrowser1.DocumentTitle;

Este código coloca el título de la página Web en la barra de título.

19 Pulse la tecla "F5" para ejecutar el proyecto. Visual Studio muestra el formulario. Tipo "http://www.whitehouse.gov" en el cuadro de texto y haga clic en "(Ir)." El navegador se desplaza a ese sitio web.

20 Tipo "http://www.USA.gov" en el cuadro de texto y haga clic en "(Ir)." El navegador se desplaza al sitio USA.gov. Haga clic en "(Volver)" para desplazarse hacia atrás a la página anterior. Haga clic en "(adelante)" para avanzar al siguiente sitio.

Consejos y advertencias

  • Este ejemplo utiliza los nombres predeterminados que Visual Studio les da al crear nuevos controles. Por ejemplo, los nombres del cuadro de texto "toolStripTextBox1." Usted encontrará que es más eficiente para dar nombres significativos controles tales como "toolStripTextBoxAddressBar." Esto ayuda a identificar los nombres más rápido cuando se navega a través de código. Si cambia el nombre de un control, asegúrese de cambiar el nombre de todas las ocurrencias de ese nombrel dentro del proyecto. Añadir funcionalidad adicional y la lógica de programación avanzada para su navegador a medida que aprende más sobre el control WebBrowser. Microsoft tiene información útil en su página web.