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

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

¿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:

Actualmente no es posible.

"Actualmente no se admite guardar carpetas completas".

https://github.com/GoogleChrome/devtools-docs/issues/30#issuecomment-76999063

Aquí está el problema correspondiente en Chromium Bug Tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=675894

— Adam Finley
fuente

Sin embargo, ¿ha encontrado alguna solución? Compartir por favor.

— Suncatcher

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

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

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

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