Hay una función de Chrome DevTools que le permite:
- Vea el código de cualquier recurso que esté usando la página web actual (como CSS y JavaScript).
- "Pretty Print" (formatéelo para facilitar la lectura)
- Guárdalo en disco
- Use esa versión guardada para anular la versión en vivo, incluso al actualizar la página.
Ese último es bastante impresionante. Si está depurando un problema que solo parece suceder en el sitio web en vivo, le brinda una herramienta de depuración que le permitirá llegar a la raíz del problema.
Usaremos esa función aquí para descubrir un error extraño que estaba experimentando.
Llevado al extremo, podría incluso usar DevTools como su editor de código principal, ya que es capaz de mapear archivos al lugar donde se encuentra su proyecto real en el disco.