Bug 1304061 - Remove explicit ns declarations in inspector.xhtml; r=pbro
authorJan Odvarko <odvarko@gmail.com>
Fri, 23 Sep 2016 08:47:39 +0200
changeset 315133 78860a7d085b98ccc066b0457dc1a466533dae96
parent 315132 09bb9527ecc03b5cbab9ca2760e01ddb39ab4c7b
child 315134 333c888c96655486831e87009c6a6fcdf5df3efc
push id32563
push userihsiao@mozilla.com
push dateMon, 26 Sep 2016 11:18:33 +0000
treeherderautoland@eb840c87b5fd [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerspbro
bugs1304061
milestone52.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1304061 - Remove explicit ns declarations in inspector.xhtml; r=pbro
devtools/client/inspector/inspector.xhtml
--- a/devtools/client/inspector/inspector.xhtml
+++ b/devtools/client/inspector/inspector.xhtml
@@ -13,221 +13,219 @@
 <?xml-stylesheet href="chrome://devtools/skin/animationinspector.css" type="text/css"?>
 <?xml-stylesheet href="resource://devtools/client/shared/components/sidebar-toggle.css" type="text/css"?>
 <?xml-stylesheet href="resource://devtools/client/shared/components/tabs/tabs.css" type="text/css"?>
 <?xml-stylesheet href="resource://devtools/client/shared/components/tabs/tabbar.css" type="text/css"?>
 <?xml-stylesheet href="resource://devtools/client/inspector/components/side-panel.css" type="text/css"?>
 <?xml-stylesheet href="resource://devtools/client/inspector/components/inspector-tab-panel.css" type="text/css"?>
 <?xml-stylesheet href="resource://devtools/client/shared/components/splitter/split-box.css" type="text/css"?>
 
-<!DOCTYPE window>
+<!DOCTYPE html>
 
-<html xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:html="http://www.w3.org/1999/xhtml">
-
+<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   <script type="application/javascript;version=1.8"
           src="chrome://devtools/content/shared/theme-switching.js"></script>
 </head>
 <body class="theme-body devtools-monospace" role="application">
-  <html:div class="inspector-responsive-container theme-body inspector">
+  <div class="inspector-responsive-container theme-body inspector">
 
     <!-- Main Panel Content -->
-    <html:div id="inspector-main-content" class="devtools-main-content">
-      <html:div id="inspector-toolbar" class="devtools-toolbar" nowindowdrag="true"
+    <div id="inspector-main-content" class="devtools-main-content">
+      <div id="inspector-toolbar" class="devtools-toolbar" nowindowdrag="true"
                 data-localization-bundle="devtools/locale/inspector.properties">
-        <html:button id="inspector-element-add-button" class="devtools-button"
+        <button id="inspector-element-add-button" class="devtools-button"
                      data-localization="title=inspectorAddNode.label"/>
-        <html:div class="devtools-toolbar-spacer" />
-        <html:span id="inspector-searchlabel" />
-        <html:div id="inspector-search" class="devtools-searchbox has-clear-btn">
-          <html:input id="inspector-searchbox" class="devtools-searchinput"
+        <div class="devtools-toolbar-spacer" />
+        <span id="inspector-searchlabel" />
+        <div id="inspector-search" class="devtools-searchbox has-clear-btn">
+          <input id="inspector-searchbox" class="devtools-searchinput"
                       type="search"
                       data-localization="placeholder=inspectorSearchHTML.label3"/>
-          <html:button id="inspector-searchinput-clear" class="devtools-searchinput-clear" tabindex="-1"></html:button>
-        </html:div>
-        <html:button id="inspector-eyedropper-toggle"
+          <button id="inspector-searchinput-clear" class="devtools-searchinput-clear" tabindex="-1"></button>
+        </div>
+        <button id="inspector-eyedropper-toggle"
                      data-localization="title=inspector.eyedropper.label"
                      class="devtools-button command-button-invertable" />
-        <html:div id="inspector-sidebar-toggle-box" />
-      </html:div>
-      <html:div id="markup-box" />
-      <html:div id="inspector-breadcrumbs-toolbar" class="devtools-toolbar">
-        <html:div id="inspector-breadcrumbs" class="breadcrumbs-widget-container"
+        <div id="inspector-sidebar-toggle-box" />
+      </div>
+      <div id="markup-box" />
+      <div id="inspector-breadcrumbs-toolbar" class="devtools-toolbar">
+        <div id="inspector-breadcrumbs" class="breadcrumbs-widget-container"
                   role="group" data-localization="aria-label=inspector.breadcrumbs.label" tabindex="0" />
-      </html:div>
-    </html:div>
+      </div>
+    </div>
 
     <!-- Splitter -->
-    <html:div
+    <div
       xmlns="http://www.w3.org/1999/xhtml"
       id="inspector-splitter-box">
-    </html:div>
+    </div>
 
     <!-- Sidebar Container -->
-    <html:div id="inspector-sidebar-container">
-      <html:div
+    <div id="inspector-sidebar-container">
+      <div
         xmlns="http://www.w3.org/1999/xhtml"
         id="inspector-sidebar"
         hidden="true" />
-    </html:div>
+    </div>
 
     <!-- Sidebar panel definitions -->
-    <html:div id="tabpanels" style="visibility:collapse">
-      <html:div id="sidebar-panel-ruleview" class="devtools-monospace theme-sidebar inspector-tabpanel"
+    <div id="tabpanels" style="visibility:collapse">
+      <div id="sidebar-panel-ruleview" class="devtools-monospace theme-sidebar inspector-tabpanel"
                 data-localization-bundle="devtools/locale/inspector.properties">
-        <html:div id="ruleview-toolbar-container" class="devtools-toolbar">
-          <html:div id="ruleview-toolbar">
-            <html:div class="devtools-searchbox has-clear-btn">
-              <html:input id="ruleview-searchbox"
+        <div id="ruleview-toolbar-container" class="devtools-toolbar">
+          <div id="ruleview-toolbar">
+            <div class="devtools-searchbox has-clear-btn">
+              <input id="ruleview-searchbox"
                           class="devtools-filterinput devtools-rule-searchbox"
                           type="search"
                           data-localization="placeholder=inspector.filterStyles.placeholder"/>
-              <html:button id="ruleview-searchinput-clear" class="devtools-searchinput-clear"></html:button>
-            </html:div>
-            <html:div id="ruleview-command-toolbar">
-              <html:button id="ruleview-add-rule-button" data-localization="title=inspector.addRule.tooltip" class="devtools-button"></html:button>
-              <html:button id="pseudo-class-panel-toggle" data-localization="title=inspector.togglePseudo.tooltip" class="devtools-button"></html:button>
-            </html:div>
-          </html:div>
-          <html:div id="pseudo-class-panel" hidden="true">
-            <html:label><html:input id="pseudo-hover-toggle" type="checkbox" value=":hover" tabindex="-1" />:hover</html:label>
-            <html:label><html:input id="pseudo-active-toggle" type="checkbox" value=":active" tabindex="-1" />:active</html:label>
-            <html:label><html:input id="pseudo-focus-toggle" type="checkbox" value=":focus" tabindex="-1" />:focus</html:label>
-        </html:div>
-        </html:div>
+              <button id="ruleview-searchinput-clear" class="devtools-searchinput-clear"></button>
+            </div>
+            <div id="ruleview-command-toolbar">
+              <button id="ruleview-add-rule-button" data-localization="title=inspector.addRule.tooltip" class="devtools-button"></button>
+              <button id="pseudo-class-panel-toggle" data-localization="title=inspector.togglePseudo.tooltip" class="devtools-button"></button>
+            </div>
+          </div>
+          <div id="pseudo-class-panel" hidden="true">
+            <label><input id="pseudo-hover-toggle" type="checkbox" value=":hover" tabindex="-1" />:hover</label>
+            <label><input id="pseudo-active-toggle" type="checkbox" value=":active" tabindex="-1" />:active</label>
+            <label><input id="pseudo-focus-toggle" type="checkbox" value=":focus" tabindex="-1" />:focus</label>
+        </div>
+        </div>
 
-        <html:div id="ruleview-container" class="ruleview">
-          <html:div id="ruleview-container-focusable" tabindex="-1">
-          </html:div>
-        </html:div>
-      </html:div>
+        <div id="ruleview-container" class="ruleview">
+          <div id="ruleview-container-focusable" tabindex="-1">
+          </div>
+        </div>
+      </div>
 
-      <html:div id="sidebar-panel-computedview" class="devtools-monospace theme-sidebar inspector-tabpanel"
+      <div id="sidebar-panel-computedview" class="devtools-monospace theme-sidebar inspector-tabpanel"
                 data-localization-bundle="devtools/locale/inspector.properties">
-        <html:div id="computedview-toolbar" class="devtools-toolbar">
-          <html:div class="devtools-searchbox has-clear-btn">
-            <html:input id="computedview-searchbox"
+        <div id="computedview-toolbar" class="devtools-toolbar">
+          <div class="devtools-searchbox has-clear-btn">
+            <input id="computedview-searchbox"
                         class="devtools-filterinput devtools-rule-searchbox"
                         type="search"
                         data-localization="placeholder=inspector.filterStyles.placeholder"/>
-            <html:button id="computedview-searchinput-clear" class="devtools-searchinput-clear"></html:button>
-          </html:div>
-          <html:input id="browser-style-checkbox"
+            <button id="computedview-searchinput-clear" class="devtools-searchinput-clear"></button>
+          </div>
+          <input id="browser-style-checkbox"
                       type="checkbox"
                       class="includebrowserstyles"/>
-          <html:label id="browser-style-checkbox-label" for="browser-style-checkbox"
+          <label id="browser-style-checkbox-label" for="browser-style-checkbox"
                         data-localization="content=inspector.browserStyles.label"/>
-        </html:div>
+        </div>
 
-        <html:div id="computedview-container">
-          <html:div id="computedview-container-focusable" tabindex="-1">
-            <html:div id="boxmodel-wrapper" tabindex="0"
+        <div id="computedview-container">
+          <div id="computedview-container-focusable" tabindex="-1">
+            <div id="boxmodel-wrapper" tabindex="0"
               data-localization-bundle="devtools/locale/boxmodel.properties">
-              <html:div id="boxmodel-header">
-                <html:div id="boxmodel-expander" class="expander theme-twisty expandable" open=""></html:div>
-                <html:span data-localization="content=boxmodel.title"/>
-              </html:div>
+              <div id="boxmodel-header">
+                <div id="boxmodel-expander" class="expander theme-twisty expandable" open=""></div>
+                <span data-localization="content=boxmodel.title"/>
+              </div>
 
-              <html:div id="boxmodel-container">
-                <html:div id="boxmodel-main">
-                  <html:span class="boxmodel-legend" data-box="margin" data-localization="content=boxmodel.margin;title=boxmodel.margin"/>
-                  <html:div id="boxmodel-margins" data-box="margin" data-localization="title=boxmodel.margin">
-                    <html:span class="boxmodel-legend" data-box="border" data-localization="content=boxmodel.border;title=boxmodel.border"/>
-                    <html:div id="boxmodel-borders" data-box="border" data-localization="title=boxmodel.border">
-                      <html:span class="boxmodel-legend" data-box="padding" data-localization="content=boxmodel.padding;title=boxmodel.padding"/>
-                      <html:div id="boxmodel-padding" data-box="padding" data-localization="title=boxmodel.padding">
-                        <html:div id="boxmodel-content" data-box="content" data-localization="title=boxmodel.content">
-                        </html:div>
-                      </html:div>
-                    </html:div>
-                  </html:div>
+              <div id="boxmodel-container">
+                <div id="boxmodel-main">
+                  <span class="boxmodel-legend" data-box="margin" data-localization="content=boxmodel.margin;title=boxmodel.margin"/>
+                  <div id="boxmodel-margins" data-box="margin" data-localization="title=boxmodel.margin">
+                    <span class="boxmodel-legend" data-box="border" data-localization="content=boxmodel.border;title=boxmodel.border"/>
+                    <div id="boxmodel-borders" data-box="border" data-localization="title=boxmodel.border">
+                      <span class="boxmodel-legend" data-box="padding" data-localization="content=boxmodel.padding;title=boxmodel.padding"/>
+                      <div id="boxmodel-padding" data-box="padding" data-localization="title=boxmodel.padding">
+                        <div id="boxmodel-content" data-box="content" data-localization="title=boxmodel.content">
+                        </div>
+                      </div>
+                    </div>
+                  </div>
 
-                  <html:p class="boxmodel-margin boxmodel-top"><html:span data-box="margin" class="boxmodel-editable" title="margin-top"></html:span></html:p>
-                  <html:p class="boxmodel-margin boxmodel-right"><html:span data-box="margin" class="boxmodel-editable" title="margin-right"></html:span></html:p>
-                  <html:p class="boxmodel-margin boxmodel-bottom"><html:span data-box="margin" class="boxmodel-editable" title="margin-bottom"></html:span></html:p>
-                  <html:p class="boxmodel-margin boxmodel-left"><html:span data-box="margin" class="boxmodel-editable" title="margin-left"></html:span></html:p>
+                  <p class="boxmodel-margin boxmodel-top"><span data-box="margin" class="boxmodel-editable" title="margin-top"></span></p>
+                  <p class="boxmodel-margin boxmodel-right"><span data-box="margin" class="boxmodel-editable" title="margin-right"></span></p>
+                  <p class="boxmodel-margin boxmodel-bottom"><span data-box="margin" class="boxmodel-editable" title="margin-bottom"></span></p>
+                  <p class="boxmodel-margin boxmodel-left"><span data-box="margin" class="boxmodel-editable" title="margin-left"></span></p>
 
-                  <html:p class="boxmodel-border boxmodel-top"><html:span data-box="border" class="boxmodel-editable" title="border-top"></html:span></html:p>
-                  <html:p class="boxmodel-border boxmodel-right"><html:span data-box="border" class="boxmodel-editable" title="border-right"></html:span></html:p>
-                  <html:p class="boxmodel-border boxmodel-bottom"><html:span data-box="border" class="boxmodel-editable" title="border-bottom"></html:span></html:p>
-                  <html:p class="boxmodel-border boxmodel-left"><html:span data-box="border" class="boxmodel-editable" title="border-left"></html:span></html:p>
+                  <p class="boxmodel-border boxmodel-top"><span data-box="border" class="boxmodel-editable" title="border-top"></span></p>
+                  <p class="boxmodel-border boxmodel-right"><span data-box="border" class="boxmodel-editable" title="border-right"></span></p>
+                  <p class="boxmodel-border boxmodel-bottom"><span data-box="border" class="boxmodel-editable" title="border-bottom"></span></p>
+                  <p class="boxmodel-border boxmodel-left"><span data-box="border" class="boxmodel-editable" title="border-left"></span></p>
 
-                  <html:p class="boxmodel-padding boxmodel-top"><html:span data-box="padding" class="boxmodel-editable" title="padding-top"></html:span></html:p>
-                  <html:p class="boxmodel-padding boxmodel-right"><html:span data-box="padding" class="boxmodel-editable" title="padding-right"></html:span></html:p>
-                  <html:p class="boxmodel-padding boxmodel-bottom"><html:span data-box="padding" class="boxmodel-editable" title="padding-bottom"></html:span></html:p>
-                  <html:p class="boxmodel-padding boxmodel-left"><html:span data-box="padding" class="boxmodel-editable" title="padding-left"></html:span></html:p>
+                  <p class="boxmodel-padding boxmodel-top"><span data-box="padding" class="boxmodel-editable" title="padding-top"></span></p>
+                  <p class="boxmodel-padding boxmodel-right"><span data-box="padding" class="boxmodel-editable" title="padding-right"></span></p>
+                  <p class="boxmodel-padding boxmodel-bottom"><span data-box="padding" class="boxmodel-editable" title="padding-bottom"></span></p>
+                  <p class="boxmodel-padding boxmodel-left"><span data-box="padding" class="boxmodel-editable" title="padding-left"></span></p>
 
-                  <html:p class="boxmodel-size">
-                    <html:span data-box="content" data-localization="title=boxmodel.content"></html:span>
-                  </html:p>
-                </html:div>
+                  <p class="boxmodel-size">
+                    <span data-box="content" data-localization="title=boxmodel.content"></span>
+                  </p>
+                </div>
 
-                <html:div id="boxmodel-info">
-                  <html:span id="boxmodel-element-size"></html:span>
-                  <html:section id="boxmodel-position-group">
-                    <html:button class="devtools-button" id="layout-geometry-editor"
-                                 data-localization="title=boxmodel.geometryButton.tooltip"></html:button>
-                    <html:span id="boxmodel-element-position"></html:span>
-                  </html:section>
-                </html:div>
+                <div id="boxmodel-info">
+                  <span id="boxmodel-element-size"></span>
+                  <section id="boxmodel-position-group">
+                    <button class="devtools-button" id="layout-geometry-editor"
+                                 data-localization="title=boxmodel.geometryButton.tooltip"></button>
+                    <span id="boxmodel-element-position"></span>
+                  </section>
+                </div>
 
-                <html:div style="display: none">
-                  <html:p id="boxmodel-dummy"></html:p>
-                </html:div>
-              </html:div>
-            </html:div>
+                <div style="display: none">
+                  <p id="boxmodel-dummy"></p>
+                </div>
+              </div>
+            </div>
 
-            <html:div id="propertyContainer" class="theme-separator" tabindex="0">
-            </html:div>
+            <div id="propertyContainer" class="theme-separator" tabindex="0">
+            </div>
 
-            <html:div id="computedview-no-results" hidden="" data-localization="content=inspector.noProperties"/>
-          </html:div>
-        </html:div>
-      </html:div>
+            <div id="computedview-no-results" hidden="" data-localization="content=inspector.noProperties"/>
+          </div>
+        </div>
+      </div>
 
-      <html:div id="sidebar-panel-fontinspector" class="devtools-monospace theme-sidebar inspector-tabpanel"
+      <div id="sidebar-panel-fontinspector" class="devtools-monospace theme-sidebar inspector-tabpanel"
                 data-localization-bundle="devtools/locale/font-inspector.properties">
-        <html:div class="devtools-toolbar">
-          <html:div class="devtools-searchbox">
-            <html:input id="font-preview-text-input" class="devtools-textinput" type="search"
+        <div class="devtools-toolbar">
+          <div class="devtools-searchbox">
+            <input id="font-preview-text-input" class="devtools-textinput" type="search"
                         data-localization="placeholder=fontinspector.previewText"/>
-          </html:div>
-          <html:label id="font-showall" class="theme-link"
+          </div>
+          <label id="font-showall" class="theme-link"
                       data-localization="content=fontinspector.seeAll;
                                          title=fontinspector.seeAll.tooltip"/>
-        </html:div>
+        </div>
 
-        <html:div id="font-container">
-          <html:ul id="all-fonts"></html:ul>
-        </html:div>
+        <div id="font-container">
+          <ul id="all-fonts"></ul>
+        </div>
 
-        <html:div id="font-template">
-          <html:section class="font">
-            <html:div class="font-preview-container">
-              <html:img class="font-preview"></html:img>
-            </html:div>
-            <html:div class="font-info">
-              <html:h1 class="font-name"></html:h1>
-              <html:span class="font-is-local" data-localization="content=fontinspector.system"/>
-              <html:span class="font-is-remote" data-localization="content=fontinspector.remote"/>
-              <html:p class="font-format-url">
-                <html:input readonly="readonly" class="font-url"></html:input>
-                <html:span class="font-format"></html:span>
-              </html:p>
-              <html:p class="font-css">
-                <html:span data-localization="content=fontinspector.usedAs"/> "<html:span class="font-css-name"></html:span>"
-              </html:p>
-              <html:pre class="font-css-code"></html:pre>
-            </html:div>
-          </html:section>
-        </html:div>
-      </html:div>
+        <div id="font-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" data-localization="content=fontinspector.system"/>
+              <span class="font-is-remote" data-localization="content=fontinspector.remote"/>
+              <p class="font-format-url">
+                <input readonly="readonly" class="font-url"></input>
+                <span class="font-format"></span>
+              </p>
+              <p class="font-css">
+                <span data-localization="content=fontinspector.usedAs"/> "<span class="font-css-name"></span>"
+              </p>
+              <pre class="font-css-code"></pre>
+            </div>
+          </section>
+        </div>
+      </div>
 
-      <html:div id="sidebar-panel-animationinspector" class="devtools-monospace theme-sidebar inspector-tabpanel">
-        <html:iframe class="devtools-inspector-tab-frame" />
-      </html:div>
-    </html:div>
+      <div id="sidebar-panel-animationinspector" class="devtools-monospace theme-sidebar inspector-tabpanel">
+        <iframe class="devtools-inspector-tab-frame" />
+      </div>
+    </div>
 
-  </html:div>
+  </div>
 </body>
 </html>