Dear Console,…

The browser developer tools Console is so much more than a place to log your messages. It is a way for you to programatically access the currently shown document and window, read out values and change them. On top of that, it has a powerful API of helper methods to make that easier than with vanilla JavaScript.

Over the years, I wrote dozens of helper scripts that I use in the Console or as Snippets in the browser to make my day to day work easier. And lately I started tweeting about them using a “Dear Console,…” moniker. People seemed to like that so I started to collect these links on a Dear Console,… web site.

On this site you can:

• see all the scripts with explanations what they do
• either click each of them to see the code, or copy them directly using the copy icon
• paste them into the Console on web sites you want to query or change and hit enter

Here’s what that looks like in action:

You can also filter the scripts by tag and you can use them in your own snippets .

The site is hosted on GitHub , and I welcome any issues and pull requests there.