JavaScript

Recuperar una contraseña almacenada automáticamente mediante Javascript


Últimamente existe una cruenta batalla en la plataforma Windows entre Internet Explorer y Firefox. Personalmente, yo no me decanto hacia uno ni otro: utilizo Opera desde su versión 6.05, allá por 2002. Indico que utilizo Opera porque es un navegador que posee una funcionalidad llamada “varita mágica”, que no es más que un gestor de contraseñas en las que, pulsando ALT+ENTER se introducen automáticamente el nombre de usuario y la contraseña de una web en la que se hayan almacenado estos datos previamente.

Esta “comodidad” tiene un precio: a veces, de tanto utilizar este sistema, se me olvida alguna contraseña a causa del desuso, lo que causa que mi navegador la conozca y yo no.

0811_01

Para paliar esta posibilidad, teniendo acceso a la página con el nombre de usuario y la contraseña, es posible averiguar el contenido del campo oculto entre asteriscos mediante una pequeña “treta” en Javascript. Lo primero que deberemos hacer será visualizar el código fuente de nuestra página (normalmente, haciendo click derecho sobre la misma y pulsando “Ver código fuente” o algo así, dependiendo del navegador).

Una vez visualizado, comprobamos la etiqueta que se muestra antes del campo que alberga la contraseña. En GMail, por ejemplo, “Contraseña”. Buscaremos este texto en el código fuente, obteniendo algo como lo que sigue: Como podemos observar, nos encontramos con un Input con un campo ID.

0811_02

El valor de esa variable, en nuestro caso “Passwd”, es lo que nos interesa. Volveremos a nuestra página, y escribiremos lo siguiente en nuestra barra de navegación:


javascript:alert((document.getElementById('Passwd')).value);

Lo que le estamos diciendo a nuestro navegador es: “Ejecuta el siguiente código javascript: muestrame una alerta con el valor del elemento cuyo ID es ‘Passwd'”.

0811_03

Acto seguido, se mostrará el contenido del campo en texto plano.

0811_04

Es ahora tarea del usuario el ejecutar este código lejos de la vista de un posible mirón y, por supuesto, en un PC no comprometido… 😉

Comentarios condicionales en Internet Explorer


Uno de los mayores dolores de cabeza de un programador web reside en la maximización de la compatibilidad entre navegadores. O dicho de otro modo: programar y -especialmente- maquetar una página que funcione perfectamente en todos los navegadores.

Hasta ahora, lo más común era controlar las diferencias (especialmente a nivel de css y javascript) entre Firefox e Internet Explorer. Lejos de acabar en debates sobre estas diferencias, nos centraremos en un nuevo dolor de cabeza que ha surgido hace relativamente poco: los problemas de compatibilidad entre versiones de Internet Explorer.

Pese a que la versión 6 de Internet Explorer está avocada a la extinción, aún hoy es requisito fundamental en la firma de muchos proyectos orientados a internet. Es por eso que algunos bugs de esta versión, o algunas funcionalidades que son tratadas de forma distinta, siguen dando quebraderos de cabeza.

Una de las posibilidades para solventar este problema reside en los comentarios condicionales.
(más…)