chromium/devtools-panel.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      html { background: #fff }
    </style>
  </head>
  <body>
    <div id="SwitchPlanner">
      <input type="checkbox" id="SwitchPlannerCheckbox">
      <label for="SwitchPlannerCheckbox">Enable HTTPS Switch Planner mode (reloads page).</label>
      <br>
      <div id="SwitchPlannerDescription">
        <p>Switch Planner mode helps prepare for your site's switch to HTTPS by generating a report of external HTTP
        resources that might not yet be available on HTTPS.</p>
        <p>After enabling, navigate around your site and try to exercise all functionality in order to get a
        comprehensive list of external resources.</p>
        <p>For each group of resources listed as "Unrewritten," find out whether they are available on HTTPS. If so:
        add a rule to HTTPS Everywhere! If not: try to make them available over HTTPS or use a different resource or
        provider. Otherwise your site will generate <a id="MixedContentLink"
        href="https://developer.mozilla.org/en-US/docs/Security/MixedContent#Mixed_passive.2Fdisplay_content">Mixed
        Content</a> (passive or active) errors when you turn on HTTPS.</p>
        <p>For most accurate results, disable ad blockers before using. Closing this panel will deactivate Switch
        Planner mode and clear stored data.</p>
      </div>
      <div id="SwitchPlannerResults" style="display: none">
        <div id="SwitchPlannerDetails"></div>
        <a id="SwitchPlannerDetailsLink" href="javascript:void 0">details</a>
      </div>
    </div>
    <script src="devtools-panel.js"></script>
  </body>
</html>