È 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?
risposta
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:
questa risposta è obsoleta. Vedi il prossimo (http://stackoverflow.com/a/27770139/610585) – undefined
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.
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.
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.
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
L'aggiunta di un filtro -MimeType:image/jpeg
ha funzionato per me.
Come -MimeType è possibile utilizzare dominio in ingresso del filtro, in questo modo:
dominio: yourdomain.com
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. –
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). –
risposta: "-word" –