1. <!doctype html>
    
  2. <html>
    
  3.   <head>
    
  4.     <meta charset="utf8">
    
  5.     <title>React DevTools</title>
    
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
    
  7.     <style>
    
  8.       * {
    
  9.         box-sizing: border-box;
    
  10.       }
    
  11.       body {
    
  12.         margin: 0;
    
  13.         padding: 0;
    
  14.         font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
    
  15.           sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    
  16.         font-size: 12px;
    
  17.         line-height: 1.5;
    
  18.       }
    
  19.       #iframe {
    
  20.         position: absolute;
    
  21.         top: 0;
    
  22.         left: 0;
    
  23.         width: 100vw;
    
  24.         height: 50vh;
    
  25.       }
    
  26.       #devtools {
    
  27.         position: absolute;
    
  28.         bottom: 0;
    
  29.         left: 0;
    
  30.         width: 100vw;
    
  31.         height: 50vh;
    
  32.       }
    
  33.     </style>
    
  34.   </head>
    
  35.   <body>
    
  36.     <iframe id="iframe"></iframe>
    
  37.     <div id="devtools"></div>
    
  38.     <script src="dist/e2e-devtools.js"></script>
    
  39.   </body>
    
  40. </html>