What is Console View?
Console view is a term, referring to one of the most useful tools of browsers for developing and debugging purposes.
Why use console view?
Console view helps us understand what's happening under the hood. Sometimes, it reveals possible causes of a problem or traffic issues that possibly explain low-performance results. So, It's a way of communicating with the device and showing us the current situation
How to open the console?
There are two possible ways:
UI (from browser):
- Go to Settings in your browser
- Click on More Tools
- Click on Developer Tools
- Check that the console window is pointed to Network tab.
Here's a relevant video on how to open the console using User Interface:
Click command + option + I (capital letter I)
Click Control + Shift + I (capital letter i)
How to present useful information from Console?
1. Clear existing data
2. Make sure you have resized the console window at least to half the size of the whole screen, in order to show its content clear.
3. Start replicating the problem without closing your console window
4. After having replicated the issue, check the list of logs in your console window and click on
any of those that have a red background. Here's an example.
How to properly show my console view?
Here's a useful video: https://www.loom.com/share/8b615a3b67b5441f9cc9b0b76b9b90c3
Which logs should I click after I have replicated the problem?
Any messages that are in red or have a red background would be useful to be clicked. Though sometimes just slowly scrolling on the stack of messages could be enough.
Here's a video example :
Hope you find this article useful!