A Simple Helper for JavaScript Debugging via console.log

If you’re working with JavaScript in the browser, sometimes the easiest way to know what’s going on is to use console.log to output variable values or other status updates.

But as the thing you’re working on gets more complicated you can have a lot of logging going on. It’s helpful to be able to visually differentiate the different messages and/or filter them by what type of information they are.

It’s intended as a partial to be used with something like CodeKit but can just be dropped in the old-fashioned way too. It has no dependencies so should be widely compatible, though right now I've only tested it as part of a jQuery project.

It’s pretty much self-documenting so I won’t repeat what the comment says. I’ve MIT-licensed it so you’re basically free to do as you wish with it, though contributing back any improvements is always appreciated!

About Simian Studios

Based at a small studio in South London, I create professional websites that inspire. Sculpting each project from start to finish, I use the latest techniques to build result-driven sites for my clients. Find out more →

Mugaruka & Chimanuka

I’ve adopted Mugaruka and Chimanuka - two Eastern Lowland gorillas in the Democratic Republic of the Congo (DRC). Currently there are only about 3000 of these beautiful primates left on our planet and they face constant dangers, including poaching, the exotic pet trade and more. Read the full story →