Menu
I am maintaining a legacy Cordova mobile app. The app allow user to send a really big amount of data in ajax. I would like to measure the bottle neck of the request size in some low spec mobile device.
Is there a way to check in Chrome dev tool to see the request size?
It seems in the network tab there is only info about the size and payload of the response only.
868
Open Developer tools ( Ctrl + Shift + I or Settings Icon at the top-right of your browser window => Tools => Developer tools ) on the needed page, switch to the Network tab and reload page. In the Size column you'll see the size of everything loaded (Documents, Stylesheets, Images, Scripts, ...).
You can either find the file in sources or network tab. I can look it up in the sources tab by finding the appropriate domain. The file size is listed at the bottom, under the preview. The sizes are also displayed in the network tab but it has to be open before the image loads, otherwise it doesn't capture.
You can see the Request Headers in the Network tab. They appear below the Response Headers, so they can easily be missed.
Example: Upload of an IPA file to Google Drive.
You can also see this information in JSON format if you save the Network data to a HAR file:
165
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
