Skip to content

Cómo utilizar TEdgeBrowser en Delphi

TEdgeBrowser en Delphi

TEdgeBrowser es un componente de Delphi que permite agregar un navegador basado en Microsoft Edge a una aplicación Delphi. Con él, puedes mostrar páginas web dentro de tu aplicación, interactuar con ellas mediante JavaScript y obtener información de las páginas cargadas. En este artículo, te mostraremos cómo utilizar TEdgeBrowser en Delphi para crear una aplicación con un navegador integrado.

Antes de comenzar, asegúrate de tener instalado Microsoft Edge en tu sistema (Version Canary). También debes tener Delphi instalado y configurado en tu computadora.

Paso 1: Agregar TEdgeBrowser al formulario

Abre Delphi y crea un nuevo proyecto. En el formulario, agrega un TEdgeBrowser desde la pestaña “Internet” del componente pallete. El componente se agregará al formulario y se mostrará como un marco vacío.

Paso 2: Configurar TEdgeBrowser

Una vez agregado el componente TEdgeBrowser al formulario, debes configurarlo para que funcione correctamente. En la sección de propiedades del componente, establece la propiedad “EdgeChromium” en “True”. Esto indica al componente que utilice Microsoft Edge como motor de navegación.

Paso 3: Cargar una página web

Para cargar una página web en el navegador, utiliza la propiedad “Navigate” del componente. Puedes pasar una URL como argumento a esta propiedad para que el navegador cargue la página correspondiente. Por ejemplo:

EdgeBrowser1.Navigate('https://www.google.com');

Paso 4: Interactuar con la página web

Una vez cargada la página web, puedes interactuar con ella mediante JavaScript utilizando la propiedad “EvaluateJavaScript” del componente.

Por ejemplo, si quieres obtener el título de la página cargada, puedes utilizar el siguiente código:

var 
  Title: string; 
begin 
  Title := EdgeBrowser1.EvaluateJavaScript('document.title'); 
  ShowMessage(Title); 
end;

Paso 5: Obtener información de la página cargada

Además de interactuar con la página mediante JavaScript, también puedes obtener información sobre la página cargada utilizando las propiedades del componente. Por ejemplo, para obtener la URL de la página cargada, puedes utilizar la propiedad “URL” del componente.

var
  URL: string;
begin
  URL := EdgeBrowser1.URL;
  ShowMessage(URL);
end;

Con estos pasos, ya sabes cómo utilizar TEdgeBrowser en Delphi para crear una aplicación con un navegador integrado.

Puedes seguir explorando las propiedades y métodos del componente para añadir más funcionalidades a tu aplicación, como la posibilidad de navegar hacia atrás y hacia adelante, manejar eventos como el clic en un enlace, etc.

Ten en cuenta que TEdgeBrowser es un componente que utiliza el motor de Edge Chromium, el cual puede presentar cambios en su funcionamiento dependiendo de la versión de Edge que tengas instalada en tu sistema.