Ist es möglich, einige Anforderungen mit Chrome-Entwicklertools herauszufiltern, z. B. alle Bildanforderungen herauszufiltern?
125
Ist es möglich, einige Anforderungen mit Chrome-Entwicklertools herauszufiltern, z. B. alle Bildanforderungen herauszufiltern?
Antworten:
Es gibt keine sehr flexible Filterfunktion, aber in der unteren Leiste können Sie nur Anforderungen eines bestimmten Dokuments oder Verbindungstyps anzeigen:
Sie können Bilder nicht einfach ausschließen, aber es sollte helfen.
Sie können auch Control/ Command+ drücken F, um nach einer bestimmten Zeichenfolge in der Anforderungsliste zu suchen, und das Kontrollkästchen "Filter" aktivieren, um nicht übereinstimmende Anforderungen auszublenden:
quelle
Negative Textfilter - Listenergebnisse auflisten, die nicht mit einer bestimmten Abfrage übereinstimmen.
Verfügbar seit Chrome ~ 42 - Issue Link , hier angekündigt
Ein anderer Ansatz: Öffnen Sie im Netzwerkfenster den Filter und CTRL/CMDklicken Sie auf die Arten von Anforderungen, die Sie anzeigen möchten. Um nur Bildanforderungen auszublenden, wählen Sie alle anderen Typen außer Bildern aus, während Sie gedrückt halten CTRL/CMD.
quelle
-status-code:200 -status-code:404 -status-code:302
-.js
sowohl Anfragen.js
als auch.json
Anfragen ausgeschlossen werden. Aus irgendeinem Grund scheint die Negativfiltersyntax in der neuesten Dokumentation nicht behandelt zu werden .Sie schreiben
-.png -.gif -.jp
in das Filtereingabefeld, um alle Bilder von den Ergebnissen auszuschließen. Unten wird die Gesamtmenge der ohne Bilder übertragenen Daten angezeigt.Ein "Ingenieur bei Google, der an Chrome arbeitet" twitterte im Dezember 14:
Bearbeiten : Sie können sogar nach Domäne, MIME-Typ, Dateigröße ... filtern oder ausschließen, indem Sie
-domain:cdn.sstatic.net
eine dieser Daten eingeben und kombinierenmime-type:image/png -larger-than:100K
, um nur PNG-Dateien anzuzeigen, die kleiner als 100 KB im Netzwerkfenster sindsiehe DevTools: State Of The Union 2015 von Addy Osmani
Seit Chrome 42 .
quelle
domain:
Teil ist genau das, wonach ich gerade gesucht habe. Das und eine Reihe anderer werden derzeit in der Dokumentation behandelt, die mit der anderen Antwort verknüpft istUnter meinem Build von Google Chrome (Version 74.0.3729.157 (64-Bit)) habe ich die folgenden verfügbaren Filter gefunden (ich habe einige Beispiele hinzugefügt). Beachten Sie, dass DevTools über eine AutoComplete-Funktion verfügt (die beim Sortieren dieser Dinge sehr hilfreich ist).
quelle
Wie bei -MimeType können Sie die Domain wie folgt für die Filtereingabe verwenden:
quelle
Eine einfache, kurze und schnelle Lösung:
Einfach gesagt
-.
Zeigen Sie keine URL mit Erweiterung (statischer Inhalt) an, sodass Sie hier eindeutig URLs haben.
quelle
Wenn Sie die Entwicklertools öffnen, wählen Sie Netzwerk. Wählen Sie in der Leiste unten auf der Seite Bilder aus, wenn Sie speziell nach Bildanforderungen suchen möchten. Die Filter sind alle exklusiv, sodass Sie nicht nur Bildanforderungen herausfiltern können. Los geht's.
quelle
Das Hinzufügen eines
-MimeType:image/jpeg
Filters hat bei mir funktioniert.quelle