¿Existe una forma rápida de cambiar del código jsx que se muestra en Chrome DevTools al ES5 sin procesar y viceversa?
Deshabilitar mapas de origen en Chrome DevTools
Respuestas:
Abra Herramientas de desarrollo, vaya a "Configuración" para Herramientas de desarrollo, luego desmarque Enable JavaScript Sourcemapsen la configuración "Fuentes".
7
Gracias lo vi. Desafortunadamente, cambiar esta opción requiere una actualización antes de que surta efecto. Esperaba que hubiera alguna forma de alternar la opción sin una actualización.
—
Jack Allan
No Porque las fuentes deben reinterpretarse en función del entorno.
—
Garbee
Gracias, tengo curiosidad por saber por qué esto es necesario, ya que seguramente siempre está ejecutando el es5 bajo el capó y el mapeo de la fuente simplemente informa al depurador en qué línea está la declaración actual en el código fuente.
—
Jack Allan
Para aquellos que luchan por encontrar estas configuraciones como yo, vea esto: i.imgur.com/9aMlBfg.png
—
joshcomley
Intenté esto y parece tener un efecto inmediato, es decir, parece que ya no es necesario actualizar la página.
—
Jackson
Puede hacer doble clic en los números de línea para pasar de los archivos de origen a los archivos de salida no minimizados. Aparte de eso, parece limitado. Vea el comentario a continuación.
Encontré esto útil durante el desarrollo. Cuando use webpack-dev-server(o alguna otra herramienta) sin minificar js, puede hacer doble clic en los números de línea en los archivos fuente para saltar al archivo de salida compilado pero no minificado.
Descubrí 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 minificado tiene todas las líneas nuevas eliminadas :(
Tener un ajuste de palabras haría que esto funcionara mejor https://bugs.chromium.org/p/chromium/issues/detail?id=167287
Creo que hubo algo de soporte 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 de origen, hacer clic con el botón derecho (o hacer doble clic) en cualquier parte del archivo minificado debería permitir saltar a ese archivo, línea y columna exactos
Cuando hago doble clic en un número de línea, agrega y luego elimina un punto de interrupción. ¿Me estoy perdiendo de algo?
—
emclain
No sé. Parece que solo lo hace algunas veces. Y solo si parece que a Chrome le gusta el mapa fuente. Podrías probar algunas líneas o proyectos diferentes, pero realmente no tengo mejores sugerencias. Chrome debería soportar esto mejor.
—
Scotty Waggoner