¿Cómo se guarda una carpeta completa de la pestaña Fuentes de las Herramientas para desarrolladores de Google Chrome?

85

En las pestañas de Fuentes de las herramientas de desarrollo de Google Chrome hay un panel lateral izquierdo que tiene tres pestañas, siendo la primera de ellas Fuentes. ¿Hay alguna forma de descargar una carpeta con varios archivos y carpetas anidadas desde esta interfaz? Puede hacer clic con el botón derecho en archivos individuales y 'Guardar como ...' pero esto es engorroso.

google-chrome google-chrome-devtools Lokesh Dhakar
fuente
1
¿Alguien puede responder a esto?
Champ
¿Pudiste resolver este problema?
Suncatcher
Esta sería una característica realmente agradable, gracias a la desafortunada tendencia de cargar muchas fuentes que no se mencionan en el texto de respuesta.
Abram
No es compatible, pero al menos hay una solicitud de función en el rastreador de errores de Chrome que puede destacar y comentar.
Husky

Respuestas:

164

No es posible hacerlo directamente con Chrome, así que hice una extensión de procesamiento por lotes para buscar recursos automáticamente en la carpeta Descargas. Puedes intentarlo.

Extensión Save All Resources | Github

Up209d
fuente
No puedo ver la pestaña de recursos, ¿dónde está? Miré por todas partes
Suraj Jain
Lo encontré, tuve que reiniciar Chrome /
Suraj Jain
4
Normalmente, creo que solo será necesario reiniciar el inspector, no todo Chrome (si ya está abierto en el momento de la instalación), debería agregar una nota a las instrucciones más adelante. Gracias.
Up209d
Le agradeceríamos mucho que actualizara la extensión, para que pueda descargar código embellecido. Por ejemplo, si los mapas de origen están disponibles (paquete web: // en Recursos), se pueden descargar códigos y módulos embellecidos
Chris Panayotoff
¡Hecho! La función ahora está en mi Github Repo, aunque creo que es fácil de hacer con unas pocas líneas de codificación de Gulp.
Up209d
8

Simplemente haga clic derecho -> guardar como html -> en tipo seleccionar (página web completa).

Funciona en OSX.

Abhi Krishnan
fuente
También puede hacer comandos-s. Esto guardará la página y todos los archivos, pero perderá la estructura de la carpeta.
leetheguy
8
El uso del navegador integrado "Guardar página como ..." o "Guardar como html con fuentes ..." podría haber funcionado en 1999, pero creo que el OP está buscando algo que profundice en los scripts del lado del cliente y encuentre TODOS los recursos duros y descárguelos todos a la vez. Eso es exactamente lo que hace la extensión de up209d (vea la respuesta arriba).
dogatonic