How to "go deeper" than firebug / chrome dev toolbar?

How can I get a deeper understanding of what's going on at the network layer of my web browser than the network developer toolbar will provide? For example, I'm trying to debug a problem on a page right now in Firefox (18.0.1) where the spinner load continues uninterrupted after the page has finished loading.

The firebug panel displays all loaded assets ("200 OK"), but the loading icon on the tab is still spinning and the text at the bottom of the window still shows "Data migration ..". How would I take a closer look and see what it seems to still carry over? Note that this only happens with Firefox and only on a fresh load (not when resources are cached).

+3


source to share


3 answers


After checking your connection with Wireshark and with HTTPScoup (another tool), my conclusion from both is that all data is coming in successfully and the connection does not stay open with your server IP. The problem in FF I think is related to something else

Google shows that in some cases it is possible to put FF into this state. It shouldn't be related to open network connections.



Take a look at these questions, for example: FireFox sits on "Transferring data from ..." or "Read ...."

The problem is that there were closed tags in the HTML tag. So try to find problems like this one. You can try to fix some validation errors by running a validator such as one . Since you have about 200 validation errors, I suggest that you start by removing half of your HTML until the problem goes away, and that path is zero at the location of the problem. Then go in and fix the mess tag .. taking a little look at the HTML source I got a headache :)

+3


source


I would use a tool like Fiddler or Wireshark for this. Both of these tools provide lower package bundle information.

I would start with Fiddler. Fiddler is designed to analyze HTTP traffic, while Wireshark is a complete packet nulling tool for all levels of network traffic.



Another advantage of both of these tools is that you can use them with any browser. One of the disadvantages of the fiddler is that I believe it is only available for Windows.

+2


source


I would recommend a very nice Firefox extension called HttpFox which is a little easier to use than wireshark and friends

It allows you to see the HTTP calls made by the page more often, as well as the flow between pages (fast forwarding, etc.). This is how it looks:

enter image description here

+2


source







All Articles