<html>
  <head>
    <script type='text/javascript'>
      window.onload = function(){
        connectWebsocket()
      }

      function connectWebsocket(){

        var socket = new WebSocket("ws://" + window.location.host + "/")
        socket.onmessage = function(e){
          window.message_event = e;
          document.getElementById('log').value += "\n" + e.data;
        }
        window.conn = socket;
      }
    </script>
  </head>
  <body>
    <h1>Websocket Debugger</h1>
    <p> Open console to use the connection stored at conn </p>
    <h3>Response Log</h3>
    <textarea id='log'>
    </textarea>
  </body>
</html>

<html>
  <head>
    <script type='text/javascript'>
      window.onload = function(){
        connectWebsocket()
      }

      function connectWebsocket(){

        var socket = new WebSocket("ws://" + window.location.host + "/")
        socket.onmessage = function(e){
          window.message_event = e;
          document.getElementById('log').value += "\n" + e.data;
        }
        window.ws = socket;
      }
    </script>
  </head>
  <body>
    <h1>Websocket Debugger</h1>
    <p> Open console to use the connection stored at ws </p>
    <h3>Response Log</h3>
    <textarea id='log' rows="40" cols="60">
    </textarea>
  </body>
</html>

Update debugger page to map examples
Update debugger page to map examples

* Rename conn to ws
* Style textarea
