Crédit d’image: Albaniaman (Son propre travail), via Wikimedia Commons
J’ai un conseil pour vous les gars. Lorsque vous accédez à un site Web et que vous devez vous connecter, que ce soit pour accéder à votre compte Facebook ou pour effectuer vos opérations bancaires en ligne, votre mot de passe est converti en une chaîne d’astérisques (comme ceci ********).
Et pour cause, cela empêche les gens de regarder par-dessus votre épaule et de voler votre mot de passe.
Le problème est que si vous avez un mot de passe décent difficile à deviner, il est très facile de faire une erreur et de taper le mauvais mot de passe.
Certains sites Web vous donnent la possibilité d’afficher le mot de passe en texte brut afin que vous puissiez vérifier ce que vous avez tapé avant de vous connecter, mais la plupart ne le font pas.
Dans cet article, je vais vous montrer comment vous pouvez utiliser les outils de développement de votre navigateur pour révéler le mot de passe que vous venez de taper.
Ne vous laissez pas rebuter par les mots « outils de développement » au fait, c’est vraiment facile à faire et je vais vous montrer étape par étape comment le faire dans les navigateurs les plus populaires.
Ce que vous apprendrez
- Comment révéler les mots de passe cachés dans Google Chrome
- Comment révéler les mots de passe cachés dans Mozilla Firefox
- Comment révéler les mots de passe cachés dans Microsoft Edge et Internet Explorer
Votre mot de passe sur n’importe quel site est généralement stocké dans un champ « Entrée » dans le code HTML du site Web.
Il existe différents types de champs de saisie HTML pour stocker différents types d’informations. Les plus courants sont « texte » et « mot de passe ».Les champs de saisie de texte
laissent l’entrée complètement intacte lorsque vous y tapez quelque chose, mais les champs de saisie « mot de passe » convertissent chaque caractère que vous tapez en un astérisque.
Ce que je vais vous montrer maintenant, c’est comment changer le type d’un champ de saisie de « mot de passe » à « texte », afin que vous puissiez voir exactement ce que vous avez tapé et corriger les erreurs que vous avez pu commettre.
Regardons d’abord Google Chrome:
Comment révéler les mots de passe cachés derrière des astérisques dans Google Chrome
Étape 1
Accédez à n’importe quel site Web dans Chrome qui vous permet d’entrer votre mot de passe et accédez à la page de connexion. Dans cet exemple, j’utilise Facebook.
Étape 2
Faites un clic droit sur le champ mot de passe et lorsque le menu contextuel apparaît, cliquez sur Inspecter. Assurez-vous que vous avez effectivement cliqué avec le bouton droit de la souris sur la boîte de mot de passe elle-même, sinon lorsque vous cliquez sur « Inspecter », il peut parfois être difficile de trouver le champ de saisie que nous voulons modifier.
Étape 3
Lorsque vous cliquez sur « Inspecter », une fenêtre couvrira le quart inférieur de votre écran contenant le code HTML réel du site Web sous l’onglet « Éléments ».
Ne vous inquiétez pas de ce que tout cela signifie, regardez simplement le bit surligné en bleu, qui est le champ de saisie du mot de passe.
Étape 4
Recherchez où il est dit type= »mot de passe », puis double-cliquez dessus. Cela vous permet de modifier le type du champ de saisie
Remplacez le mot « mot de passe » par le mot « texte » afin qu’il affiche maintenant type= »texte ».
Une fois cela fait, appuyez sur Entrée.
Étape 5
Si vous avez terminé les étapes 1 à 4 avec succès, vous devriez maintenant pouvoir voir votre mot de passe en texte brut!
Comment révéler des mots de passe cachés derrière des astérisques dans Mozilla Firefox
Le processus de révélation d’un mot de passe dans Firefox est très similaire à Chrome, avec de légères différences en termes d’outils de développement. Le concept est le même cependant.
Étape 1
Faites un clic droit sur le champ mot de passe et lorsque le menu contextuel apparaît, cliquez sur Inspecter l’élément (similaire à l’exemple de Chrome).
Étape 2
Assurez-vous que l’onglet « Inspecteur » est sélectionné, bien que celui-ci soit sélectionné par défaut. Encore une fois, regardez simplement le bit surligné en bleu, qui devrait être le champ de saisie du mot de passe.
Étape 3
Tout comme dans l’exemple Chrome, recherchez où il est dit type= »password », puis double-cliquez dessus. Cela vous permet de modifier le code réel.
Remplacez le mot « mot de passe » par le mot « texte » afin qu’il affiche maintenant type= »texte ».
Lorsque vous pouvez voir cela, appuyez sur Entrée.
Étape 4
Si vous l’avez fait correctement, votre mot de passe derrière les astérisques doit être révélé.
Comment révéler des mots de passe cachés derrière des astérisques dans Microsoft Edge et Internet Explorer
Étonnamment, le processus est exactement le même dans Edge et Internet Explorer.
Encore une fois, suivez simplement les étapes ci-dessus, c’est-à-dire faites un clic droit et sélectionnez Inspecter l’élément et changez le type de champ de saisie en « texte ».
Le code est affiché dans le « DOM Explorer » plutôt que dans « Elements » ou « Inspector » comme dans Chrome et Firefox respectivement, mais c’est essentiellement la même chose. C’est juste une zone où vous pouvez afficher le code HTML et CSS d’un site Web et le modifier localement dans votre navigateur.
Bien sûr, ce n’est pas seulement le type de champ de saisie que vous pouvez modifier, vous pouvez modifier n’importe quel code que vous pouvez voir dans votre navigateur.
Jouez dans ce domaine et amusez-vous un peu en modifiant des morceaux de code d’un site Web. Peut-être modifier un titre ou deux sur un site Web d’actualités et rire avec vos amis avec vos nouvelles compétences trouvées!
Bien sûr, cela ne modifie pas vraiment le code d’un site Web, vous seul pouvez voir les modifications que vous apportez et une fois que vous les actualisez, vos modifications seront supprimées.
Emballage
Alors voilà, j’espère que cette astuce devrait vous éviter d’avoir à retaper votre mot de passe si vous avez fait une erreur.
J’espère que j’ai bien expliqué cela et en anglais clair et j’espère que vous avez appris un peu de HTML.
Santé!
Baz