chromecast/app/resources/shell_devtools_discovery_page.html

   1 <html>
   2 <head>
   3 <title>Cast shell remote debugging</title>
   4 <style>
   5   .help {
   6     font-size: 11px;
   7   }
   8 </style>
   9 </head>
  10 <body>
  11
  12 <div id='caption'>Inspectable WebContents</div>
  13 <div id='items'></div>
  14
  15 <script>
  16 window.addEventListener('load', function() {
  17   var tabs_list_request = new XMLHttpRequest();
  18   tabs_list_request.open("GET", "/json/list?t=" + new Date().getTime(), true);
  19   tabs_list_request.onreadystatechange = function() {
  20     if (this.readyState == 4 && this.status == 200 && this.response) {
  21       var responseJSON = JSON.parse(this.response);
  22       for (var i = 0; i < responseJSON.length; ++i) {
  23         appendItem(responseJSON[i]);
  24       }
  25     }
  26   };
  27   tabs_list_request.send();
  28 });
  29
  30 function appendItem(metadata) {
  31   var item_container = document.createElement('div');
  32   var frontend_header = document.createElement('h3');
  33   frontend_header.textContent = metadata.title || "(untitled tab)";
  34   item_container.appendChild(frontend_header);
  35
  36   if (metadata.devtoolsFrontendUrl) {
  37     var frontend_link = document.createElement('a');
  38     frontend_link.textContent = 'Remote Debugging (AppEngine)'
  39     frontend_link.href = metadata.devtoolsFrontendUrl;
  40     item_container.appendChild(frontend_link);
  41   } else {
  42     frontend_header.textContent += " (already has active debugging session)";
  43   }
  44
  45   document.getElementById("items").appendChild(item_container);
  46 }
  47 </script>
  48
  49 <h3>Help</h3>
  50 <div id="help">
  51   You may have to select the shield icon in the address bar to establish a connection.
  52   See the <a href="https://support.google.com/chrome/answer/1342714?hl=en">help
  53   center</a> for more information.
  54 </div>
  55
  56 </body>
  57 </html>