DEV Community

Sergio Gurillo Corral
Sergio Gurillo Corral

Posted on

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! 🎊

Top comments (0)