Varias características de las herramientas de Microsoft proporcionan la integración del desarrollo mediante Microsoft Edge, Visual Studio Code y Visual Studio, para desarrollar sus productos, páginas web y aplicaciones web que usan y funcionan con integración completa en Microsoft Edge.
Extensión Microsoft Edge DevTools para Visual Studio Code
La extensión Microsoft Edge DevTools para Visual Studio Code le permite usar la herramienta Elementos y la herramienta Red del explorador Microsoft Edge desde dentro de Visual Studio Code.
Sin salir de Visual Studio Code, use Microsoft Edge DevTools para conectarse a una instancia o iniciar una instancia de Microsoft Edge y, a continuación:
Vea la estructura HTML en tiempo de ejecución.
Cambie el diseño de la página web.
Cambie los estilos CSS y corrija los problemas de estilo.
Los archivos de código abierto en Visual Studio Code experimento le permiten usar Microsoft Edge DevTools, pero luego editar los archivos en Visual Studio Code en lugar de en el editor de código de la herramienta Orígenes de DevTools.
Al usar este experimento, si usa Visual Studio Code y usa DevTools para cambiar las reglas CSS, ya no tendrá que usar el editor de código en la herramienta Orígenes de DevTools. Simplemente puede usar el editor de código en Visual Studio Code. Al activar este experimento, los archivos locales obtendrán un tratamiento diferente.
Depuración de Microsoft Edge en Visual Studio Code
Visual Studio Code incluye un depurador integrado para Microsoft Edge, que puede iniciar el explorador o conectarse a un explorador que ya se está ejecutando.
Este depurador integrado le permite depurar el código JavaScript front-end línea a línea y ver console.log() instrucciones directamente desde Visual Studio Code.
Use webhint, una herramienta de linting personalizable, para mejorar la funcionalidad de su sitio, incluidos:
Accesibilidad.
Rendimiento.
Compatibilidad entre exploradores.
Compatibilidad con PWA.
Seguridad:
webhint comprueba los procedimientos recomendados y los errores comunes en el código. Identifique y corrija problemas en los archivos, incluidos HTML, CSS, JavaScript y TypeScript. Las sugerencias aparecen como subrayados ondulados en el editor de texto y se resumen en el panel Problemas .
Microsoft Visual Studio es un entorno de desarrollo integrado (IDE). Úsela para editar, depurar, compilar y publicar las aplicaciones web. Es un programa rico en características que se puede usar para muchos aspectos del desarrollo web.
Además del editor estándar y el depurador que proporcionan la mayoría de los IDE, Visual Studio incluye características para facilitar el proceso de desarrollo, entre las que se incluyen:
En este módulo, aprenderá a usar Visual Studio para la web para desarrollar desde cualquier dispositivo compatible con el explorador. Exploraremos cómo realizar y revisar modificaciones de código ligero mediante Visual Studio Code para la web. Por último, aprenderá a seguir trabajando en un entorno diferente para obtener el conjunto completo de características de Visual Studio Code.
Una iniciativa entre exploradores centrada en identificar las características y funcionalidades que faltan en la plataforma web para el desarrollo potencial como estándares web o características del explorador.
Desarrolle para la web con Microsoft Edge mediante características de plataforma web basadas en estándares, Microsoft Edge DevTools, extensiones de Microsoft Edge, Web Apps progresiva, automatización de WebDriver, WebView2 y mucho más.
La extensión Microsoft Edge DevTools para Visual Studio Code permite usar Microsoft Edge Browser y Developer Tools para desarrollar páginas web y aplicaciones web directamente desde el IDE de Visual Studio Code.
Vea vídeos de anuncios y demostraciones sobre tecnologías de desarrollo web de Microsoft Edge, como DevTools, aplicación web progresiva, características de plataforma web, WebView2 y mucho más.
Póngase en contacto con el equipo de Microsoft Edge DevTools para enviar solicitudes de características o informes de errores sobre problemas relacionados con el desarrollo para Microsoft Edge.