The elements consists of the html code corresponding to the document and it also has the CSS code in the right side which is very much helpful for the front-end designers to efficiently design the webpage.
The resources section consists of the local storage, Whenever the browser refreshes the data stored will be replace with new data from the server. In order to use the data for further processing they can be stored to the local storage as a temporary files.
In Network section used to view the network calls between the server and the client. It displays every time when the network call initiated between the server and the client.
Source section used to view the Source files of the corresponding files. This section allows specifically set the breakpoints between the codes to run particular part and verify for errors.
The Profiles panel lets you profile the execution time and memory usage of a web app or page. The Profiles panel includes two profilers: a CPU profiler and a Heap profiler. These help you to understand where resources are being spent, and so help you to optimize your code:
- The CSS Selector profiler records the aggregate time spent matching selectors to elements in the DOM tree. This time is also captured within “Style Recalculation” Timeline events.
The console section consists of the error logs and it act as an output screen to check the printed values of the variables.
For any query contact Clofus Innovations.