The developer console can do more than you think!
You can do so much more than
console.log(...)! See the attached link for a great breakdown of what the developer console can give you.
Some of my favorites:
console.log("Current string:", string, "Current number:", 12)
console.log("Check out the current %o, it's great", location)
Just hand an array of arrays (or an array of objects) to
console.table(["apples", "oranges", "bananas"]) prints:
Great for debugging deeply nested or recursive function invocations
console.log("group:"); console.group(); console.log("group content"); console.groupEnd(); console.log("back to base level");
> group: > group content > back to base level
Great to find bottlenecks
console.time("answer time"); alert("Click to continue"); console.timeEnd("answer time");
answer time: timer started answer time: 998ms
console.trace(): Great when you're debugging and you lost track of where you are in the current call stack.