debug_extension/web/static_assets/popup.html

<!DOCTYPE html>
<html>
  <head>
    <link
      rel="stylesheet"
      href="material.indigo-blue.min.css"
      type="text/css"
    />
    <link
      rel="stylesheet"
      href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700"
      type="text/css"
    />
    <link rel="stylesheet" href="styles.css" type="text/css" />
    <style>
      html {
        width: 350px;
        height: 100px;
      }
      hr {
        margin: 0;
      }
    </style>
  </head>

  <body>
    <ul class="mdl-list">
      <li class="mdl-list__item">
        <button
          id="launchDevToolsButton"
          class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent"
        >
          Open DevTools
        </button>
      </li>

      <li class="mdl-list__item">
        <span class="mdl-list__item-primary-content">
          Open in a:
        </span>
        <span class="mdl-list__item-secondary-action">
          <form>
            <fieldset>
              <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="tabOpt">
                <input type="radio" id="tabOption" class="mdl-radio__button" name="devToolsOpener" value="tab" checked>
                <span class="mdl-radio__label">New tab</span>
              </label>
              <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="windowOpt">
                <input type="radio" id="windowOption" class="mdl-radio__button" name="devToolsOpener" value="window">
                <span class="mdl-radio__label">New window</span>
              </label>
            </fieldset>
          </form>
        </span>
      </li>

      <hr id="appIdDivider"></hr>

      <li id="appIdContainer" class="mdl-list__item mdl-list__item--two-line">
        <span class="mdl-list__item-primary-content">
          <button
            id="copyIdButton"
            class="mdl-button mdl-js-button mdl-button--accent"
          >
            Copy ID
          </button>
          <span id="copiedSuccess" class="mdl-list__item-sub-title small-padding hidden">Copied!</span>
        </span>
        <span class="mdl-list__item-secondary-content">
          <span id="appId"></span>
        </span>
      </li>

      <li class="mdl-list__item mdl-list__item--two-line list-footer">
        <span class="mdl-list__item-primary-content">
          <!-- Empty to right-align the "file a bug" button. -->
        </span>
        <span class="mdl-list__item-secondary-content">
          <button
            id="fileBugButton"
            class="mdl-button mdl-js-button mdl-button--accent"
          >
            File a bug
          </button>
        </span>
      </li>

    </ul>
    <div id="loadingSpinner" class="spinner-overlay">
      <div class="spinner"></div>
    </div>
    <!-- Load script: -->
    <script src="../popup.dart.js"></script>
  </body>
</html>