This content originally appeared on DEV Community 👩💻👨💻 and was authored by Christian Heilmann
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.
This content originally appeared on DEV Community 👩💻👨💻 and was authored by Christian Heilmann
Christian Heilmann | Sciencx (2022-09-29T15:00:11+00:00) Dear Console,…. Retrieved from https://www.scien.cx/2022/09/29/dear-console/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.