How to Group the Console messages in Chrome
In this post we will give you information about How to Group the Console messages in Chrome. Hear we will give you detail about How to Group the Console messages in ChromeAnd how to use it also give you demo for it if it is necessary.
we are going to learn about grouping the similar console messages in chrome by usingconsole.group() method.
Grouping the Messages
The console.group() method creates the new group in the browser’s console which indents the messages at an additional level.
Example:
console.group('Users'); // users groupconsole.log('king'); //group startsconsole.log('baby');console.log('queen');console.groupEnd(); //group endsThe only way to end the group is by calling the console.groupEnd() method.
Collapsing the Messages
There is also a console.groupCollapsed() method which works similar to the console.group() method but console.groupCollapsed() method creates a new collapsed group then we need to click the button to view the messages.
Example of console.groupCollapsed() method:
console.groupCollapsed('Users'); // users groupconsole.log('king'); //group startsconsole.log('baby');console.log('queen');console.groupEnd(); //group endsHave you seen there is a button in front of the Users group where we need to click that button to view the messages?
Conclusion
The console.group() method creates the uncollapsed group where console.groupCollapsed() creates the collapsed group.
Hope this code and post will helped you for implement How to Group the Console messages in Chrome. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs