Html程序  |  64行  |  3.2 KB

<!DOCTYPE HTML>
<html>
  <head>
    <title>Turbolizer</title>
    <link rel="stylesheet" href="turbo-visualizer.css" />
    <link rel="stylesheet" href="prettify.css" />
    <link rel="icon" type="image/png" href="turbolizer.png">
  </head>
  <body>
    <div id="left" class="viewpane scrollable"></div>
    <div class="resizer-left"></div>
    <div id="middle" class="viewpane">
      <div id="graph-toolbox-anchor">
        <span id="graph-toolbox">
          <input id="layout" type="image" title="layout graph" src="layout-icon.png"
                 alt="layout graph" class="button-input">
          <input id="show-all" type="image" title="show all nodes" src="expand-all.jpg"
                 alt="show all nodes" class="button-input">
          <input id="toggle-hide-dead" type="image" title="show only live nodes" src="live.png"
                 alt="only live nodes" class="button-input">
          <input id="hide-unselected" type="image" title="hide unselected nodes"
                 src="hide-unselected.png" alt="hide unselected nodes" class="button-input">
          <input id="hide-selected" type="image" title="hide selected nodes"
                 src="hide-selected.png" alt="hide selected nodes" class="button-input">
          <input id="zoom-selection" type="image" title="zoom to selection"
                 src="search.png" alt="zoom to selection" class="button-input">
          <input id="toggle-types" type="image" title="show/hide types"
                 src="types.png" alt="show/hide types" class="button-input">
          <input id="search-input" type="text" title="search nodes for regex"
                 alt="search node for regex" class="search-input"
                 placeholder="find with regexp&hellip;">
          <select id="display-selector">
            <option disabled selected>(please open a file)</option>
          </select>
        </span>
      </div>
      <div id="load-file">
        <input id="upload-helper" type="file">
        <input id="upload" type="image" title="load graph" class="button-input"
               src="upload-icon.png" alt="upload graph">
      </div>
      <div id='text-placeholder' width="0px" height="0px" style="position: absolute; top:100000px;" ><svg><text text-anchor="right">
          <tspan white-space="inherit" id="text-measure"/>
      </text></svg></div>
    </div>
    <div class="resizer-right"></div>
    <div id="right" class="viewpane scrollable"></div>
    <div id="source-collapse" class="collapse-pane">
      <input id="source-expand" type="image" title="show source"
             src="right-arrow.png" class="button-input invisible">
      <input id="source-shrink" type="image" title="hide source"
             src="left-arrow.png" class="button-input">
    </div>
    <div id="disassembly-collapse" class="collapse-pane">
      <input id="disassembly-expand" type="image" title="show disassembly"
             src="left-arrow.png" class="button-input invisible">
      <input id="disassembly-shrink" type="image" title="hide disassembly"
             src="right-arrow.png" class="button-input">
    </div>
    <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
    <script src="build/turbolizer.js"></script>
  </body>
</html>