Para un desarrollador, puede ser ajetreado utilizar numerosas herramientas dedicadas para cada tarea. Sin embargo, los complementos del navegador web pueden aumentar su productividad al proporcionar acceso a varias funciones desde una plataforma de navegación.
Todos los principales navegadores vienen con extensiones para profesionales. Y si usa Microsoft Edge, sus tareas de desarrollo pueden volverse más fáciles con algunos complementos del navegador. Aquí, discutiremos los mejores complementos de Microsoft Edge que los desarrolladores web deberían usar.
React Developer Tools es un complemento de DevTools para el navegador web. Agregará dos pestañas nuevas llamadas Componentes y Perfilador en su Edge DevTools. El complemento de código abierto necesitará su permiso para acceder al árbol React de una página.
La pestaña Componentes muestra los componentes raíz de React de la página, junto con los subcomponentes. Seleccione cualquier componente del árbol para inspeccionar y editar sus accesorios actuales, el estado y los ganchos en el panel derecho.
También puede usar este complemento para averiguar si una aplicación contiene React.js o no. Usando la pestaña Profiler, los desarrolladores pueden registrar información de rendimiento.
Si le interesa analizar el código de GitHub, el complemento Octotree puede mejorar la experiencia de revisión y exploración del código de GitHub. Le muestra un árbol de código similar a IDE y le permite realizar búsquedas de archivos y carpetas.
Este complemento de alto rendimiento es capaz de trabajar con repositorios de cualquier tamaño. Además, admite repositorios privados y le permite marcar solicitudes de extracción, repositorios, archivos y problemas.
También puede suscribirse a la versión PRO de este complemento para obtener algunas funciones adicionales. Estos incluyen compatibilidad con varias cuentas de GitHub y GitHub Enterprise, varias pestañas, configuración de fuente de código, revisión de código de solicitud de incorporación de cambios, temas de iconos de archivo y cambio de posición de acoplamiento.
Accessibility Insights for Web es un complemento del navegador Microsoft Edge que le permitirá ubicar y solucionar problemas de accesibilidad en varias aplicaciones web y sitios web. Puede usarlo para verificar el cumplimiento de alrededor de 50 disposiciones de accesibilidad.
Gracias a las instrucciones claras y a un asistente visual, puede identificar rápidamente los problemas vitales de acceso al teclado, incluidas las trampas del teclado, las paradas de tabulación que faltan y el orden de tabulación incorrecto.
También lo ayuda a realizar un proceso de dos pasos para localizar problemas de accesibilidad comunes pero de alto impacto en unos pocos minutos. Sin embargo, necesita Microsoft Edge Insider v.75 o posterior para usar este complemento.
Analizar el código HTML de una página es una tarea frecuente de un desarrollador. Con la ayuda del complemento Design Analysis, puede analizar una página HTML habilitando y deshabilitando varios componentes de esa página.
Relacionado: Geniales efectos HTML que cualquiera puede agregar a sus sitios web
Le permite deshabilitar CSS interno y externo (incluidos los impresos y portátiles), ocultar imágenes y fondos imágenes, mostrar atributos alternativos de imágenes, encabezados de esquema, marcos, enlaces externos, tablas, elementos flotantes y pronto.
Además, este complemento viene con varias herramientas que te ayudan a mostrar elementos ocultos, recargar imágenes y CSS externo, ver el código fuente, linealizar páginas y marcar todos los enlaces como visitados o sin visitar
Este complemento no almacena ni comparte ningún dato de identificación personal. Toda la información necesaria para su funcionamiento se queda en tu dispositivo.
Con el complemento Guardar como MHTML, los desarrolladores pueden guardar la página web actual en formato MHTML (MIME HTML)/MHT. El complemento viene con un botón en la barra de herramientas para un uso sin esfuerzo. Guarda todos los enlaces en línea en un formato fuera de línea.
MHTML es un formato de archivo que guarda el contenido de la página web para verlo sin conexión. El tipo de archivo incorpora todos los recursos como imágenes, applets y animaciones Flash en documentos HTML durante el proceso.
El complemento tiene dos herramientas diferentes que puede usar para editar el contenido de la página web de la página antes de guardarla en el archivo MHTML.
Puede elegir el modo de diseño para tareas como cambiar el formato del texto a negrita y cursiva, agregar una imagen o eliminar cualquier contenido. O puede seleccionar una sección de la página y pedirle a este complemento que cree un nuevo documento a partir de ella.
Los desarrolladores tienen una relación indispensable con las cookies. Cookie-Editor es un poderoso complemento que le permite realizar las operaciones de cookies estándar durante la fase de desarrollo y prueba de la página web.
Este complemento viene con una interfaz fácil de usar que le permite administrar las cookies manualmente. Con su ayuda, puede crear, editar y eliminar cookies rápidamente mientras permanece en la pestaña.
Con un clic, Cookie-Editor eliminará todas las cookies de la página actual. También puede importar/exportar cookies en formato de texto.
Node.js V8 es un complemento que puede usar con Edge DevTools para optimizar su ciclo de desarrollo de Node.js. Puede administrar el ciclo de vida de la ventana/pestaña de Edge DevTools, para que tenga más tiempo para concentrarse en depurar su código.
Relacionado: ¿Qué es la depuración de patitos de goma?
El complemento Node.js V8 le permite monitorear sesiones de depuración locales y remotas mientras controla la interfaz de DevTools, tanto manual como automáticamente. También puede usarlo para depurar procesos de nodos VSCode y personalizar la duración entre las sondas del Inspector v8.
Con su ayuda, puede abrir y cerrar automáticamente Edge DevTools en una pestaña o ventana y activar o desactivar DevTools al inicio. Su función de inspección le evita copiar y pegar la URL de DevTools al detectar automáticamente la URL generada cuando se ejecuta el nodo.
BugReplay es principalmente un complemento utilizado para un screencast y depuración de red. Le ayuda a grabar su pantalla en sincronización con los mensajes de la consola de JavaScript y el tráfico de la red. Gracias a este complemento, todo lo que necesita hacer es volver sobre los pasos para capturar errores en tiempo real.
No es necesario que un desarrollador se comunique con los usuarios finales o los ejecutivos de soporte. Pueden averiguar sin problemas cuándo y dónde ocurrió el error a partir de la información registrada y resolver el problema en poco tiempo.
Grabar el error se vuelve fácil con el complemento BugReplay. También puede revisar el error antes de compartirlo con sus colegas. El complemento también ofrece una opción para hacerlo público.
Elija sus complementos Edge favoritos para el desarrollo
Al revisar esta lista de complementos de Microsoft Edge, puede elegir los que lo ayudarán en el trabajo de desarrollo web y de aplicaciones. Recuerde, Microsoft Edge también tiene otros complementos para usuarios habituales. Puede buscar y encontrar extensiones principales para otras tareas, como la administración de contraseñas.
Recordar todas sus diferentes contraseñas puede ser complicado, así que aquí están los nueve mejores complementos de Microsoft Edge para administrar contraseñas sin esfuerzo.
Leer siguiente
- Programación
- Borde de Microsoft
- Extensiones del navegador
- Desarrollo web
Tamal es un escritor independiente en MakeUseOf. Después de adquirir una experiencia sustancial en tecnología, finanzas y negocios procesos en su trabajo anterior en una empresa de consultoría de TI, adoptó la escritura como una profesión de tiempo completo hace 3 años. Si bien no escribe sobre productividad y las últimas noticias tecnológicas, le encanta jugar a Splinter Cell y ver Netflix/Prime Video.
Suscríbete a nuestro boletín
¡Únase a nuestro boletín para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse
