Mehrere URLs in Registerkarte "Quellen/Netzwerk" kopieren

Question

Ist es möglich, die URLs mehrerer Ressourcen auf der Registerkarte "Quellen" oder "Netzwerk" von Chrome Dev Tools zu extrahieren?
Wenn ich die URL einer einzigen Ressource erhalten mag, kann ich es mit Kontextmenüfunktion Link-Adresse kopieren

tun kann ich auf diese Ressource von Netzwerk-Switch auf Registerkarte Quellen und vice versa, aber was passiert, wenn ich URLs von mehrere Ressourcen auf einmal bekommen muss? Es ist sehr umständlich, sie manuell zu kopieren, wenn resultset aus 200-300 Ressourcen besteht.

Was ich bisher versucht:

1. den gesamten Ordner aus einer Quellen Registerkarte zu kopieren, sondern aus this answer fand ich heraus, dass es jetzt nicht möglich ist.

2. Um $(selector) zu verwenden, wie in der Console reference angegeben, in Form von

   $('img') 
   

   den Fall, dass wir Bild-URLs holen.

   Die Komplexität dieses Ansatzes besteht darin, dass es oft schwierig ist, Zielbilder auf einer Seite mit Hunderten von ihnen zu unterscheiden, und außerdem mehrere Versionen desselben Bildes (Ansichten, Vorschaubilder, kleine Symbole usw.). das Element innerhalb des Tags mit der benötigten Ressource ist nicht so einfach, wie es scheint. Auch haben nicht alle Dateitypen dedizierte Tags (wie im Fall von img).

Vielleicht sollte ich src-Tag mit einigen Modifikatoren verwenden? Irgendwelche anderen Vorschläge?

Answer 1

1. Schalter devtools auf freistehende Fenster (devtools Einstellungen Symbol klicken, klicken Sie auf "Dock Seite" Symbol Abdocken). Das nächste Mal können Sie einfach drücken Ctrl - Shift- - D.
2. Invoke devtools-for-devtools von Ctrl drücken - Shift- - i diesen Code
3. Run die URLs aller/gefilterten Anfragen in die Zwischenablage zu kopieren: copy(UI.panels.network._networkLogView._dataGrid._rootNode._flatNodes.map(n => n._request._url).join('\n'))

Sie sparen können der Code als Snippet in Sources Panel und führen Sie es über Rechtsklick-Menü oder Ctrl-Enter: