"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Crea tu propio navegador con JavaScript y Edgehtml

Crea tu propio navegador con JavaScript y Edgehtml

Publicado el 2025-04-14
Navegar:178

Este tutorial demuestra la construcción de un navegador web básico en Windows 10 utilizando el control WebView de Microsoft Edge y las tecnologías web estándar (HTML, CSS, JavaScript). Mientras que un equivalente basado en Mac no es compatible directamente, máquinas virtuales o doble eliminación de una oferta de compilación de información privilegiada.

How to Create Your Own Browser with JavaScript Using EdgeHTML

El control WebView ofrece ventajas significativas sobre los Iframes, incluido el manejo mejorado de los eventos de FrameBusting y de carga de documentos. La etiqueta x-ms-webview proporciona capacidades únicas, como acceso mejorado a contenido local y funcionalidad de captura de pantalla. El navegador resultante aprovecha la misma plataforma web que Microsoft Edge.

Obtenga el código de muestra:

El código fuente completo está disponible en GitHub. También puede experimentar el navegador directamente instalando la aplicación desde la tienda de Windows o implementando la solución de Visual Studio.

How to Create Your Own Browser with JavaScript Using EdgeHTML

Este proyecto muestra la facilidad de crear un navegador web funcional con tecnologías web estándar y el control WebView. Microsoft fomenta una mayor exploración del desarrollo de Windows 10.

más recursos de desarrollo web:

Este artículo es parte de una serie de Microsoft que se centra en JavaScript práctico, proyectos de código abierto y las mejores prácticas de compatibilidad con el navegador cruzado. Aproveche estos recursos para mejorar sus habilidades de desarrollo web:

  • dev.modern.ie:–&&&&] ofrece herramientas gratuitas para escanear sitios para bibliotecas obsoletas, problemas de diseño y problemas de accesibilidad. Proporciona máquinas virtuales para Mac, Linux y Windows, y pruebas remotas para Microsoft Edge. Incluye un laboratorio de codificación GitHub en las pruebas de navegador cruzado.
  • Microsoft Edge Web Summit 2015: proporciona información detallada sobre el nuevo navegador, estándares de plataforma web compatibles y información de la comunidad JavaScript.
  • Recursos adicionales: Explore artículos sobre técnicas avanzadas de JavaScript, el motor de representación de borde, webgl, aplicaciones web alojadas y más (enlaces a artículos específicos omitidos para brevedad).
  • Herramientas de plataforma cruzada: Utilice el código Visual Studio (disponible para Linux, MacOS y Windows) y Azure (prueba gratuita disponible).

Preguntas frecuentes (faq):

Las siguientes preguntas frecuentes abordan preguntas comunes sobre la construcción de navegadores usando EdgeHTML y JavaScript:

  • ¿Qué es Edgehtml? Edgehtml es el motor de navegador patentado de Microsoft, una bifurcación de Trident, que ofrece soporte de estándares modernos, rendimiento mejorado y seguridad mejorada.
  • ¿Cómo difiere Edgehtml de otros motores? Edgehtml prioriza un diseño liviano para una navegación más rápida y admite modos de representación modernos y heredados.
  • ¿Puedo usar otros motores? sí, motores como Blink, Gecko y WebKit son alternativas, pero la implementación diferirá.
  • ¿Prerrequisitos? Basic html, CSS y JavaScript Knowledge, y el navegador Microsoft Edge.
  • manejo de la entrada del usuario? Usar oyentes de eventos de JavaScript para acciones del usuario (clics, entrada de texto, etc.).
  • agregando retroceso/reenviar/refresh? utilizar los objetos de Javascript y ubicación .
  • personalización de apariencia? Use CSS para diseñar elementos del navegador.
  • depuración? use las herramientas de desarrollador de Edge.
  • bibliotecas de terceros? use bibliotecas compatibles.
  • compatibilidad de plataforma cruzada? Edgehtml es específico de Windows; El desarrollo multiplataforma requiere un motor multiplataforma.
Esta respuesta revisada mantiene el significado del contenido original al tiempo que mejora la legibilidad y la estructura. También condensa algunas secciones para la concisión.

Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3