tools teclado para inspeccionar google elementos elemento dev desarrollador depurar debug consola como comandos chrome abrir javascript google-chrome google-chrome-devtools source-maps

javascript - teclado - Deshabilitar mapas de origen en Chrome DevTools



inspeccionar elemento chrome teclado (2)

¿Hay una forma rápida de cambiar del código jsx que se muestra en Chrome DevTools al ES5 sin formato y viceversa?


Abra Herramientas de desarrollo, vaya a "Configuración" para Herramientas de desarrollo, luego desactive Enable JavaScript Sourcemaps en la configuración de "Fuentes".


Puede hacer doble clic en los números de línea para saltar de los archivos de origen a los archivos de salida no minificados. Aparte de eso, parece limitado. Ver el comentario a continuación.

Encontré que esto es útil durante el desarrollo. Al usar webpack-dev-server (o alguna otra herramienta) sin minimizar js, puede hacer doble clic en los números de línea en los archivos de origen para saltar al archivo de salida compilado pero no minificado.

Acabo de descubrir esto por accidente y luego encontré este comentario del 21 de diciembre de 2016: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

Puede hacer doble clic en el número de línea para saltar al archivo original, pero eso es bastante inútil si el archivo minimizado tiene todas las líneas nuevas eliminadas :(

Tener un ajuste de texto haría que esto funcionara mejor https://bugs.chromium.org/p/chromium/issues/detail?id=167287

Creo que hubo cierto apoyo para hacer doble clic en una sección del archivo minimizado para saltar al archivo mapeado de origen, pero parece haber retrocedido últimamente.

Idealmente en un archivo minificado con un mapa fuente, hacer clic derecho (o doble clic) en cualquier parte del archivo minificado debería permitir saltar a ese archivo, línea y columna exactos