browser/devtools/fontinspector/font-inspector.xhtml
author JW Wang <jwwang@mozilla.com>
Tue, 18 Aug 2015 11:12:39 +0800
changeset 290760 157e41e329061531013562a923cdadd8a2afc635
parent 276057 73027d05f9cad26f46cb498ff03bd2578f54463b
permissions -rw-r--r--
Bug 1195158. Part 2 - Have OggReader send TimedMetadata events through a event source instead of direct calls to AbstractMediaDecoder::QueueMetadata. r=cpearce.

<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<!DOCTYPE html [
<!ENTITY % fontinspectorDTD SYSTEM "chrome://browser/locale/devtools/font-inspector.dtd" >
 %fontinspectorDTD;
]>

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>&title;</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" href="font-inspector.css" type="text/css"/>
    <link rel="stylesheet" href="chrome://browser/skin/devtools/common.css" type="text/css"/>
    <link rel="stylesheet" href="chrome://browser/skin/devtools/font-inspector.css" type="text/css"/>
    <script type="application/javascript;version=1.8" src="chrome://browser/content/devtools/theme-switching.js"/>
  </head>
  <body class="theme-sidebar devtools-monospace" role="application">
    <script type="application/javascript;version=1.8" src="font-inspector.js"></script>
    <div>
      <div class="devtools-toolbar preview-input-toolbar">
        <div class="devtools-searchbox">
          <input id="preview-text-input"
                 class="devtools-textinput"
                 placeholder="&previewHint;"/>
        </div>
      </div>
    </div>
    <div id="root">
      <ul id="all-fonts"></ul>
      <button id="showall">&showAllFonts;</button>
    </div>
    <div id="template">
      <section class="font">
        <div class="font-preview-container">
          <img class="font-preview"></img>
        </div>
        <div class="font-info">
          <h1 class="font-name"></h1>
          <span class="font-is-local">&system;</span>
          <span class="font-is-remote">&remote;</span>
          <p class="font-format-url">
            <input readonly="readonly" class="font-url"></input>
            <span class="font-format"></span>
          </p>
          <p class="font-css">&usedAs; "<span class="font-css-name"></span>"</p>
          <pre class="font-css-code"></pre>
        </div>
      </section>
    </div>
  </body>
</html>