chrome developer tools not showing traffic - google-chrome

I was trying to understand how https://webk.telegram.org works, so I opened chrome dev tools and went to inspect the network traffic.
I was surprised to see that when I send a message in telegram I don't see any xhr nor websocket traffic in chrome dev tools.
Any idea through which channel the traffic is going ? Why is it not intercepted by chrome network inspector (and can this be fixed)?

Related

Chrome developer console dos not show network request's detail

Why does Chrome developer console dos not show network request's detail? I expect there to be (and it was) all details about network request related to the loaded page.

Why is Chome devtools automatically blocking a request?

I am trying to build a PWA (Progressive Web App) but the Chrome devtools console is warning that it is blocking my css and icon file.
Request was blocked by DevTools: "https://example.com/styles/style.css".
I cannot find any information about this happening automatically and, to my knowledge, should only happen if the user has manually requested to block a script. Chrome does not offer any other information about the warnings other than being blocked.
This error means the domain or URL has been blocked in the devtools. Most of the time, it's just because the developer blocked the request without paying attention.
To unblock it, just follow these steps:
Open your devtools
Go to the network tab
Right-click on the request that blocked
Then click Unblock <request-url>

Why I cannot see network activity in WhatsApp Web?

Why I cannot see network activity in WhatsApp Web? I mean in developer tools (F12), in the Network tab. I tried with both Firefox and Google Chrome.
In Firefox navigate to web.whatsapp.com. Open developer tools (F12). Go to network tab. Select WS. Refresh the web page. Now you can see the web socket logs.
You won't see network traffic if you open developer tools after initial WS is send.

Fiddler suddenly cannot capture anything from broswers

Fiddler had worked well on my laptop, but all of a sudden it cannot capture anything from my browsers. I have no ideas about what I have done may cause this problem.
The version of my fiddler is v4.6.0.5, it cannot capture http requests from all of my browsers, chrome, IE and Edge. My system is Windows 10.
I've carefully read the webpage Fiddler not capturing traffic from browsers
However, solutions works well for others do not work in my situations.
I've tried reinstalled fiddler and reset chrome hundreds of times
http://localhost.fiddler:8888/ cannot be found
http://127.0.0.1:8888 returns "This page returned a HTTP/200 response
Originating Process Information: chrome:79748"
I didn't use any filters
I have no extensions on chrome and close all kinds of VPN software.
I've checked 'Decrypt HTTPS traffic'
Anybody knows how can I solve the problem? Thank you!
I found that some of the software's http request is captured. It seems like that only the browsers' requests are not captured.
I temporarily use the developer tools in chrome for replacement(Ctrl+Shift+I, choose "NetWork"). It can capture the requests missed in Fiddler.
Your output indicates that:
Fiddler is running, and
It isn't blocked by a firewall or other software
Fiddler is not set as your system's proxy
On Fiddler's File menu, does the Capture traffic item have a checkmark next to it? While Fiddler is running, if you click Tools > WinINET Options > LAN Settings, what do you see?
Do you have any third-party antivirus software installed? Is this machine under the control of Group Policy (e.g. on a corporate network)?
If you start Chrome like so: chrome --proxy-server=http://127.0.0.1:8888, what happens?

Chrome Web Inspector Web Socket Debugging

I can use the Network tab in the Google Chrome Web Inspector to debug the network traffic (AJAX requests, etc.). I can check what data is transferred easily. But Websocket connections only show as
Request URL:ws://localhost/...
Request Method:GET
Status Code:101 Switching Protocols
...
and I can't see the transferred data. Is there any build in feature in Google Chrome to inspect the transferred data? Or do I need to use Wireshark?
PS: I'm using the latest stable version (16.0.912.75). If a newer version (beta/dev) has this features, it would be nice.
Chrome and Chromium now have WebSocket message frame inspection. Here are the steps to test it quickly:
Navigate to the WebSocket Echo demo, hosted on the websocket.org site.
Turn on the Chrome Developer Tools.
Click Network, enable filter (3rd icon from the left on the top of Dev Tools) to filter the traffic shown by the Developer Tools, and click WebSockets.
In the Echo demo, click Connect. On the Headers tab in Google Dev Tool you can inspect the WebSocket handshake.
Click the Send button in the Echo demo.
To see the WebSocket frames in Chrome Developer Tools, under Name, click the entry representing your WebSocket connection. This refreshes the main panel on the right and makes the WebSocket Frames tab show up with the actual WebSocket message content.
I also posted the steps with screen shots and video.
After some more research I found a duplicate question here: Debugging WebSocket in Google Chrome
Chrome does't support viewing the traffic in the current stable version. I need to use Wireshark.
Another Idea, for simple web socket testing and lightweight, use Chrome plugin "Simple Web-socket. I wanted to check only if the connection can be establish or not. Following Chrome plugin "Simple Web-socket (link : https://chrome.google.com/webstore/detail/simple-websocket-client/pfdhoblngboilpfeibdedpjgfnlcodoo?hl=en)" work like charm. See image.
https://lh3.googleusercontent.com/bEHoKg3ijfjaE8-RWTONDBZolc3tP2mLbyWanolCfLmpTHUyYPMSD5I4hKBfi81D2hVpVH_BfQ=w640-h400-e365