◾️https://t.co/kJfMigKR2b (Firefox only?) The console .info() method outputs an informational message to the Web Console. In Firefox, a small "i" icon is displayed next to these items in the Web Console's log. I can't see any difference in Chrome with console.log. Someone do?
◾️group.collapse Creates a new inline group in the Web Console. Unlike https://t.co/PK0vLB62ix(), however, the new group is created collapsed. The user will need to use the disclosure button next to it to expand it, revealing the entries created in the group.
◾️console.groupEnd Related with the previous https://t.co/PK0vLB62ix. Exits the current inline group in the Web Console.
◾️https://t.co/PK0vLB62ix Creates a new inline group in the Web Console log. This indents following console messages by an additional level, until console.groupEnd() is called. Useful to debug but keep things "clean":
◾️console.error You guessed! Outputs an error message to the Web Console. It usually displays in red. Usually contains the trace of the error. Useful to debug.
◾️console.debug Same as console.log ( and https://t.co/kJfMigKR2b in Chrome)
◾️console.countReset You guessed it. It resets counter used with console.count().
🔥 Tip: How to find and remove unused CSS from a page using Chrome. 🧵 Thread 👇
👀 Did you notice a new Network filter in the latest @ChromeDevTools Canary yet? You can now quickly find Wasm resources with a dedicated toggle instead of searching for them among Fetch/XHR. Thanks to an external contributor @Jespertheend for implementing the feature!