Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome dev tools loses network history

The Network tab in Google Chrome developer tools is great but seems to lose all history on certain form posts.

Is there any way to get it to retain network history?

If not is there another tool I could use?

like image 662
tom redfern Avatar asked Nov 16 '12 12:11

tom redfern


People also ask

How do I stop a Network tab from refreshing?

Press F8 a couple times until "Paused in debugger" displays. This pauses all JavaScript execution before the reload event.

How do you preserve logs in console?

Chrome console log Click the 3 dots, at the top-right, to open the overflow menu. Choose 'More tools' > 'Developer tools' to bring up the console. Select the 'Console'' tab and make sure the option 'Preserve log' is checked. Reproduce the issue.


2 Answers

Is there any way to get it to retain network history?

Yes and No. It may not retain the network history you want. (verified with chrome 62 in 2017-11-22)

If not is there another tool I could use?

https://www.charlesproxy.com/

Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information).

like image 28
bronze man Avatar answered Sep 26 '22 04:09

bronze man


The "Preserve Log upon Navigation" status bar button in the Network panel should solve the issue:

enter image description here

like image 51
Alexander Pavlov Avatar answered Sep 23 '22 04:09

Alexander Pavlov