When trying to understand the behavior of web apps, I find myself stumbling against the fact that some network messages do not appear on the network tab of the web developer tool of the browser. For example, on the web app of whatsapp (https://web.whatsapp.com/) sending or receiving a message will not leave a line on the network tab.

Here's what I tried to do:

  1. Try other browsers. I tried firefox, chrome, safari, they all show the same issue
  2. Try network sniffing tools. I got lost because there are so many connections I didn't know which one to monitor
  3. Try to read through the html code and see which javascript code was creating a connection and receving info. I got lost as well because when reading html and javascript, there are so many lines of code, undocumented, that my brain can not process this in a reasonable amount of time.
  4. Noticed there was a service worker. I thought maybe the requests back and forth to the server would be made by the service worker. It did not appear to be the case, and it seemed anyway that service worker requests should appear in the network tab.

Any explanation or pointer much appreciated.

  • Are you monitoring network activity in correct iframe? If you arent sure then switch between all of them them in developer tools. – Rok Tavčar Jan 29 at 7:28
  • Hi Rok, the networking tool shows the same thing, regardless of which iframe is selected. Just to be sure, I selected all of them, but the same problem persisted. – DevShark Jan 29 at 10:17

Network sniffing tools such as Wireshark are your best bet. That will let you see all the traffic going across a network interface. You can use Statistics > Conversations to help narrow in on the specific network traffic you are interested in. If you post a PCAP, we can help.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.