L’ispezione di grandi dati JSON in Chrome

C’è una pagina sul mio sito web che utilizza jquery, AJAX per la richiesta di dati JSON dal backend PHP. Voglio vedere il JSON restituito al browser, e sta cercando di fare in modo che l’utilizzo del browser Chrome Developer tools, sotto Network> Response.

Problema: anche se io sono in grado di visualizzare i dati in formato JSON, selezionando il XHR voce c’è, la risposta sembra essere tagliato a metà strada. Secondo Chrome, questo JSON di risposta è di 300-400KB in termini di dimensioni. Mi chiedo se se la pagina che riceve il pieno JSON di risposta senza troncamento, e se no, come posso visualizzare i dati ricevuti?

InformationsquelleAutor Nyxynyx | 2011-11-28



4 Replies
  1. 18

    Hai provato la scheda “anteprima”, che ti consente di visualizzare il risultato come un vero e proprio oggetto di JavaScript, con la possibilità di espandere i nodi. È molto più facile da lavorare rispetto al raw di testo dalla scheda risposta.

    L'ispezione di grandi dati JSON in Chrome

    • Per qualche ragione, questa scheda “Anteprima” non interpretare la risposta JSON e vengono visualizzati solo in nero, di una linea, testo normale. La risposta Content-Type è application/json, ma non c’è colore di evidenziazione, formattazione o albero espandibile a bee visto da nessuna parte. Qualche idea del perché?
    • Era il lavoro per me, ma tutto ad un tratto non l’evidenziazione/nidificazione più per JSON nella scheda Anteprima. Hai scoperto come risolvere?
    • Chrome è ancora il trattamento application/json come text/plain per me. Non capisco il perché.
  2. 4

    Io sono un po ‘ in ritardo alla festa, ma qui se si è a un punto di interruzione è possibile digitare il nome dell’oggetto e premere il tasto “Enter” e l’oggetto JSON verrà stampato nella finestra della console.

    • Generalmente quello che faccio, e credo che sia la soluzione migliore menzionato.
  3. 4

    Per vedere la risposta completa:

    1. Navigare Developer Tools > Rete > il dato risposta > scheda Risposta.
    2. Destro del mouse (ctrl-clic su Mac) nella zona di Risposta > Salva Come

    L'ispezione di grandi dati JSON in Chrome

    Screenshot dalla Versione 24.0.1312.57 su Mac.

    • che è esattamente quello che ho bisogno, ma non ho una voce di menu Salva lì.
    • Ho aggiunto uno screenshot e la versione che sto usando per la mia risposta.
    • Matt, grazie per il follow-up. Vedo il menu Salva Come… solo elemento su “documenti” in Network. la scheda Se posso passare a XHR, destra e fare clic sulla scheda Risposta di uno di loro, vedo solo Apri Link e Copia Link. (Versione 24.0.1312.57 m su Win7)
    • Anche io non sono una voce di menu Salva sulla scheda Risposta per il XHR richieste che mi sono punto controllato. Ricordo che deve essere stato lì quando ho scritto questa risposta. Negli esempi che ho guardato solo ora, i dati di risposta non è stato troncato, così ho potuto semplicemente Seleziona Tutto e Copia. Stai vedendo esempi in cui i dati di risposta è troncato?
    • Non è troncato di per se, ma non a capo e si spegne lo schermo a destra. Posso tenere premuto il mouse e selezionare trascinando sempre a destra, ma se mi infilo io ho wind up deselezionata 🙁 Ci deve essere un modo migliore.
    • Come circa Ctrl-a per selezionare tutti?

Lascia un commento