Token dev tools inspector 🔑👀

guuri11

Sergio Gurillo Corral

Posted on January 2, 2024

Token dev tools inspector 🔑👀

🙋🏻‍♂️ Alguna vez te has encontrado copiando el JWT de una petición en Chrome? Ya sea para usarlo en Postman, inspeccionarlo en JWT, o cualquier otra tarea, y... es algo que haces con frecuencia? 🤔

Yo sí, y la verdad, el proceso puede volverse un molesto después de tantas veces:

  1. Abre las DevTools de Chrome 🛠️
  2. Accede al panel de Network 🔍
  3. Busca la petición que te interesa 🕵️
  4. Abre la sección de Headers 📜
  5. Selecciona todo el JWT (y cruza los dedos para no copiarlo mal) 🤞
  6. Finalmente, cópialo 📋

Ahora, imagina tener que hacer esto varias veces al día, todos los días! 💀

Por suerte, he creado una extensión para Chrome que hace esto mucho más fácil: 🌟 Token Dev Tools Inspector 🌟

Con solo unos clics, agiliza la extracción de tokens en Chrome DevTools:

  1. Abre Chrome DevTools 🛠️
  2. Localiza el panel Token Inspector (similar a los paneles Consola, Red o Aplicación) 🔍
  3. ¡Encuentra tus tokens sin esfuerzo! 🚀

Preview of Token dev tools inspector

Cómo ves, va directo al grano, UI simple pero funcional, además con acceso directo a jwt.io si quieres inspeccionar el contenido del token.

Te preocupa la privacidad de que un tercero esté leyendo tus tokens? Lo entiendo, por ello el proyecto es Open Source para que verifiques que los datos no salen al exterior!
https://github.com/Guuri11/token-inspector

Si quieres darle un intento, aquí tienes el enlace para instalar la extensión con toda su información:
https://chrome.google.com/webstore/detail/token-devtools-inspector

Espero que os guste, y como ya dije, el proyecto es Open Source, así que no dudéis en dar vuestro feedback si queréis!

Feliz año! 🎊

💖 💪 🙅 🚩
guuri11
Sergio Gurillo Corral

Posted on January 2, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Token dev tools inspector 🔑👀
webdev Token dev tools inspector 🔑👀

January 2, 2024