In latest Chrome DevTools I can see a new information:
Now, I'm not sure how to use this information. It seems to appear randomly in the app. How can I debug the app to avoid potential out-of-memory crashes? I checked in task manager that at the moment when this information appears the app uses about 55K memory which in case of this app is quite low (when it computes some data it can be much higher memory consumption).
So I'm wondering if this information is accurate and there is a risk of crashing. If so, what should I do with it?
It is a simple matter to bypass the default pauses when starting a project for debugging. Simply open the debug configuration window by clicking on the gear icon as shown below. Select the "Startup" tab. Simply uncheck the "Set Breakpoint at" box and check the "Resume" box, then click OK.
To use Overrides, open the Devtools either from the settings or using the keyboard shortcut CTRL+SHIFT+I . Then, Click on the Sources tab. You'll see at the top of the left menu 3 tabs: Page, Filesystem, and Overrides. Click on Overrides.
Record a profile with memory tab in chrome dev tools. You can investigate there which functions consume memory
Here's a great guide: https://developers.google.com/web/tools/chrome-devtools/memory-problems/
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