2013-01-31 13 views
81

È possibile filtrare alcune richieste utilizzando gli strumenti di sviluppo di Chrome, ad esempio, filtrare tutte le richieste di immagini?C'è un modo per filtrare le richieste di rete utilizzando gli strumenti di sviluppo di Google Chrome?

+22

Le votazioni per riaprire; questo non dovrebbe essere considerato fuori tema. Gli strumenti per sviluppatori Chrome/WebKit sono * chiaramente * "strumenti software comunemente usati dai programmatori" (come permesso nel [faq]); Ho spesso fatto uso delle opzioni di filtro durante lo sviluppo. –

+0

Sì, c'è - consultare la [documentazione sull'ordinamento e il filtro del pannello di rete] (https://developer.chrome.com/devtools/docs/network#sorting-and-filtering). Purtroppo non c'è [nessun modo per filtrare/escludere richieste] (https://code.google.com/p/chromium/issues/detail?id=444960). –

+1

risposta: "-word" –

risposta

16

Non c'è una funzione di filtraggio molto flessibile, ma la barra in basso fa si permettono di visualizzare solo le richieste di un certo documento o tipo di connessione:

Non si può semplicemente escludere immagini, ma dovrebbe aiutare.

È anche possibile premere controllo/Comando + F per la ricerca di una particolare stringa nella lista richiesta, e selezionare la casella "filtro" per nascondere le richieste che non corrispondono:

enter image description here

+5

questa risposta è obsoleta. Vedi il prossimo (http://stackoverflow.com/a/27770139/610585) – undefined

1

enter image description here

Se si apre gli strumenti di sviluppo, scegliere rete. Dalla barra in fondo alla pagina, scegli le immagini se vuoi guardare in modo specifico per le richieste di immagini. I filtri sono tutti esclusivi, quindi non puoi filtrare solo le richieste di immagini. Ecco qua.

155

Filtri testo negativo - elenco risultati non corrispondente a una determinata query.

  • Uso -.png o -.gif o -.jpg come filtro nel pannello rete.
  • Anche molti altri filtri negativi funzionano. per esempio. -mime-type: image/png, -larger-che: 20k, -domain: yoursite.com, -status-code: 404. Vedi Chrome developer docs - Sorting and filtering.

Disponibile dal Chrome ~ 42-Issue Link, ha annunciato here

Un altro approccio: Nel pannello di rete aprire il filtro e CTRL/CMD -click i tipi di richieste che si desidera visualizzare . Per nascondere solo le richieste di immagini, selezionare tutti gli altri tipi eccetto le immagini mentre si tiene CTRL/CMD.

+20

Filtri di testo negativi, finalmente! +1 – Qtax

+2

Usa CMD + clicca su OS X. – undefined

+0

C'è un modo per applicare questi filtri di testo negativi ogni volta che apro il debugger senza doverli sempre digitare? – jobin

20

Scrivi -.png -.gif -.jp nella casella di input del filtro per escludere tutte le immagini dai risultati. In basso mostra la quantità totale di dati trasferiti senza immagini.

Un "Ingegnere presso Google lavorando su Chrome" cinguettato in Dec'14:

Chrome DevTools: filtri di testo negativi appena sbarcato nel pannello Network.Elenco risultati non corrispondenza di una determinata query Twitter Link

modifica: si può anche filtrare per dominio, mime-type, la dimensione del file, ... o escludere inserendo -domain:cdn.sstatic.net e combinare qualsiasi di questi mime-type:image/png -larger-than:100K per mostrare solo i file png di dimensioni inferiori a 100 KB in pannello di rete

vedere DevTools: State Of The Union 2015 by Addy Osmani

Dal momento che Chrome 42.

+2

Grazie, la parte 'domain:' è esattamente ciò che stavo cercando in questo momento. Questo e molti altri sono attualmente trattati nella [documentazione] (https://developers.google.com/web/tools/chrome-devtools/profile/network-performance/resource-loading#filter-requests) collegati dal altra risposta – JMM

1

L'aggiunta di un filtro -MimeType:image/jpeg ha funzionato per me.

3

Come -MimeType è possibile utilizzare dominio in ingresso del filtro, in questo modo:

dominio: yourdomain.com

Problemi correlati