Token Devtools Inspector 👀🔑
Sergio Gurillo Corral
Posted on January 2, 2024
🙋🏻♂️ Have you ever found yourself copying the JWT of a request in Chrome? Whether it's to use it in Postman, inspect it in JWT, or any other task, and? Is it something you do frequently? 🤔
I do, and truth be told, the process can become a pain after so many times:
- open Chrome's DevTools 🛠️
- Go to the Network panel 🔍
- Search for the request you are interested in 🕵️
- Open the Headers section 📜
- Select the entire JWT (and keep your fingers crossed that you don't copy it wrong) 🤞
- Finally, copy it 📋
Now, imagine having to do this several times a day, every day! 💀
Luckily, I've created a Chrome extension that makes this a lot easier: 🌟 Token Dev Tools Inspector 🌟
With just a few clicks, streamline token extraction in Chrome DevTools:
- Open Chrome DevTools 🛠️
- Locate the Token Inspector panel (similar to the Console, Network or Application panels) 🔍
- Find your tokens effortlessly! 🚀
As you can see, it goes straight to the point, simple but functional UI, also with direct access to jwt.io if you want to inspect the token content.
Are you worried about the privacy of a third party reading your tokens? I understand, that's why the project is Open Source so you can verify that the data doesn't go outside!
https://github.com/Guuri11/token-inspector
If you want to give it a try, here is the link to install the extension with all its information:
https://chrome.google.com/webstore/detail/token-devtools-inspector
I hope you like it, and as I said, the project is Open Source, so don't hesitate to give your feedback if you want!
Happy new year! 🎊
Posted on January 2, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.