index.html

<html>
 <head>
   <style>
     html {
      font: 20px Avenir, "Lucida Grande", Helvetica, Arial, sans-serif;
     }
    
     a {
      color: #FFF;
      background: rgb(97, 202, 37);
      display: inline-block;
      padding: 10px;
      text-decoration: none;
      font-weight: bold;
      font:1.2em;
      border-radius: 5px;
     }
   </style>
 </head>
 <body>
  <h1>
    Showpwd
  </h1>
  
  <p>Easily turn input password to text</p>
 <p>
  <a href="javascript:(function () {var inputs = document.querySelectorAll("input[type=password]"), l=inputs.length;while(l--){inputs[l].addEventListener("dblclick", toText);}function toText () {this.type = 'text'}}())">showpwd</a>
  <= move this to your bookmarks bar
 </p>
 <p><strong>Click on your bookmark, then doubleclick on the password you want to show</strong></p>
 </body>
</html>