Chrome/Egde DevTools avanzado - para developers

[Kiquenet]

Trucos escondidos de las Chrome DevTools ?

1. Habilitar combinación de teclas para pasar entre pestañas.
2. Establecer dispositivos por defecto en modo responsive.
3. Establecer ubicaciones para los análisis y combinaciones de teclas.
4. Buscar algo en todos lados a la vez.
5. Simulación de impresión.
6. Quitar minificación de los archivos que no puedas leer bien.
7. Importar/Exportar Archivo HAR (todos los procesos de una url).
   
   https://fin.ai/help/es/articles/14667688-como-exportar-un-archivo-har-para-solucionar-problemas
   
   
   
   Lo más útil para un desarrollador web

   Si tuviera que priorizar el 20% de DevTools que aporta el 80% del valor, sería:

   1. Elements → inspección HTML/CSS.
   2. Console → depuración rápida de JavaScript.
   3. Network → diagnóstico de APIs y peticiones.
   4. Sources → breakpoints y debugging.
   5. Performance → detectar lentitud.
   6. Application → cookies, LocalStorage e IndexedDB.
   7. Memory → encontrar memory leaks.
   8. Lighthouse → auditorías automáticas.
      
      los paneles que más retorno suelen dar son Network, Sources, Elements, Console y Application, porque permiten depurar rápidamente AJAX, ViewState, cookies, sesiones y problemas de JavaScript en aplicaciones corporativas.