mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-24 21:31:04 +00:00
Bug 1361080 - add aboutdevtools component;r=ochameau
MozReview-Commit-ID: GuyQfXRKFpb --HG-- extra : rebase_source : 808377154712b98c1bab76ee83ecbd72cb0ddc47
This commit is contained in:
Julian Descottes
parent
758e7bad02
commit
59e766b047
@ -377,6 +377,8 @@
|
||||
@RESPATH@/browser/components/devtools-startup.js
|
||||
@RESPATH@/browser/components/aboutdebugging-registration.js
|
||||
@RESPATH@/browser/components/aboutdebugging.manifest
|
||||
@RESPATH@/browser/components/aboutdevtools-registration.js
|
||||
@RESPATH@/browser/components/aboutdevtools.manifest
|
||||
@RESPATH@/browser/components/Experiments.manifest
|
||||
@RESPATH@/browser/components/ExperimentsService.js
|
||||
@RESPATH@/browser/components/browser-newtab.xpt
|
||||
|
||||
43
devtools/shim/aboutdevtools/aboutdevtools-registration.js
Normal file
43
devtools/shim/aboutdevtools/aboutdevtools-registration.js
Normal file
@ -0,0 +1,43 @@
|
||||
/* 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/. */
|
||||
|
||||
"use strict";
|
||||
|
||||
// Register the about:devtools URL, that is opened whenever a user attempts to open
|
||||
// DevTools for the first time.
|
||||
const Ci = Components.interfaces;
|
||||
const Cu = Components.utils;
|
||||
|
||||
const { XPCOMUtils } = Cu.import("resource://gre/modules/XPCOMUtils.jsm", {});
|
||||
const { Services } = Cu.import("resource://gre/modules/Services.jsm", {});
|
||||
|
||||
const { nsIAboutModule } = Ci;
|
||||
|
||||
function AboutDevtools() {}
|
||||
|
||||
AboutDevtools.prototype = {
|
||||
uri: Services.io.newURI("chrome://devtools-shim/content/aboutdevtools/aboutdevtools.xhtml"),
|
||||
classDescription: "about:devtools",
|
||||
classID: Components.ID("3a16d383-92bd-4c24-ac10-0e2bd66883ab"),
|
||||
contractID: "@mozilla.org/network/protocol/about;1?what=devtools",
|
||||
|
||||
QueryInterface: XPCOMUtils.generateQI([nsIAboutModule]),
|
||||
|
||||
newChannel: function (uri, loadInfo) {
|
||||
let chan = Services.io.newChannelFromURIWithLoadInfo(
|
||||
this.uri,
|
||||
loadInfo
|
||||
);
|
||||
chan.owner = Services.scriptSecurityManager.getSystemPrincipal();
|
||||
return chan;
|
||||
},
|
||||
|
||||
getURIFlags: function (uri) {
|
||||
return nsIAboutModule.ALLOW_SCRIPT;
|
||||
}
|
||||
};
|
||||
|
||||
this.NSGetFactory = XPCOMUtils.generateNSGetFactory([
|
||||
AboutDevtools
|
||||
]);
|
||||
97
devtools/shim/aboutdevtools/aboutdevtools.css
Normal file
97
devtools/shim/aboutdevtools/aboutdevtools.css
Normal file
@ -0,0 +1,97 @@
|
||||
.box {
|
||||
width: 980px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.left-pane {
|
||||
width: 360px;
|
||||
background-image: url(images/otter.png);
|
||||
background-size: 100%;
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.message {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.right-pane {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.features {
|
||||
max-width: 980px;
|
||||
border-top: 1px solid #d7d7db;
|
||||
}
|
||||
|
||||
.features-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 40px 20px;
|
||||
margin: 40px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.feature {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.feature-desc {
|
||||
margin: 1em 20px
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0A84FF;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
margin-top: 16px;
|
||||
font-weight: 300;
|
||||
line-height: 44px;
|
||||
}
|
||||
|
||||
.installpage-button {
|
||||
display: block;
|
||||
|
||||
margin-top: 2em;
|
||||
padding: 10px 20px;
|
||||
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
line-height: 21px;
|
||||
|
||||
background-color: #0060df;
|
||||
color: #fff;
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,0.23);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.installpage-button:enabled:hover {
|
||||
background-color: #003eaa
|
||||
}
|
||||
|
||||
/* Remove light gray outline when clicking on the button */
|
||||
.installpage-button::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
[hidden="true"] {
|
||||
display: none;
|
||||
}
|
||||
82
devtools/shim/aboutdevtools/aboutdevtools.js
Normal file
82
devtools/shim/aboutdevtools/aboutdevtools.js
Normal file
@ -0,0 +1,82 @@
|
||||
/* 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/. */
|
||||
|
||||
"use strict";
|
||||
|
||||
const { utils: Cu } = Components;
|
||||
const { Services } = Cu.import("resource://gre/modules/Services.jsm", {});
|
||||
|
||||
const DEVTOOLS_ENABLED_PREF = "devtools.enabled";
|
||||
|
||||
const MESSAGES = {
|
||||
AboutDebugging: "about-debugging-message",
|
||||
ContextMenu: "inspect-element-message",
|
||||
HamburgerMenu: "menu-message",
|
||||
KeyShortcut: "key-shortcut-message",
|
||||
SystemMenu: "menu-message",
|
||||
};
|
||||
|
||||
// URL constructor doesn't support about: scheme,
|
||||
// we have to use http in order to have working searchParams.
|
||||
let url = new URL(window.location.href.replace("about:", "http://"));
|
||||
let reason = url.searchParams.get("reason");
|
||||
|
||||
function getToolboxShortcut() {
|
||||
const bundleUrl = "chrome://devtools-shim/locale/key-shortcuts.properties";
|
||||
const bundle = Services.strings.createBundle(bundleUrl);
|
||||
const modifier = Services.appinfo.OS == "Darwin" ? "Cmd+Opt+" : "Ctrl+Shift+";
|
||||
return modifier + bundle.GetStringFromName("toggleToolbox.commandkey");
|
||||
}
|
||||
|
||||
function onInstallButtonClick() {
|
||||
Services.prefs.setBoolPref("devtools.enabled", true);
|
||||
}
|
||||
|
||||
function updatePage() {
|
||||
const installPage = document.getElementById("install-page");
|
||||
const welcomePage = document.getElementById("welcome-page");
|
||||
const isEnabled = Services.prefs.getBoolPref("devtools.enabled");
|
||||
if (isEnabled) {
|
||||
installPage.setAttribute("hidden", "true");
|
||||
welcomePage.removeAttribute("hidden");
|
||||
} else {
|
||||
welcomePage.setAttribute("hidden", "true");
|
||||
installPage.removeAttribute("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener("load", function () {
|
||||
const inspectorShortcut = getToolboxShortcut();
|
||||
const welcomeMessage = document.getElementById("welcome-message");
|
||||
welcomeMessage.textContent = welcomeMessage.textContent.replace(
|
||||
"##INSPECTOR_SHORTCUT##", inspectorShortcut);
|
||||
|
||||
Services.prefs.addObserver(DEVTOOLS_ENABLED_PREF, updatePage);
|
||||
|
||||
// Set the appropriate title message.
|
||||
if (reason == "ContextMenu") {
|
||||
document.getElementById("inspect-title").removeAttribute("hidden");
|
||||
} else {
|
||||
document.getElementById("common-title").removeAttribute("hidden");
|
||||
}
|
||||
|
||||
// Display the message specific to the reason
|
||||
let id = MESSAGES[reason];
|
||||
if (id) {
|
||||
let message = document.getElementById(id);
|
||||
message.removeAttribute("hidden");
|
||||
}
|
||||
|
||||
let installButton = document.getElementById("install");
|
||||
installButton.addEventListener("click", onInstallButtonClick);
|
||||
|
||||
// Update the current page based on the current value of DEVTOOLS_ENABLED_PREF.
|
||||
updatePage();
|
||||
}, { once: true });
|
||||
|
||||
window.addEventListener("unload", function () {
|
||||
let installButton = document.getElementById("install");
|
||||
installButton.removeEventListener("click", onInstallButtonClick);
|
||||
Services.prefs.removeObserver(DEVTOOLS_ENABLED_PREF, updatePage);
|
||||
}, {once: true});
|
||||
2
devtools/shim/aboutdevtools/aboutdevtools.manifest
Normal file
2
devtools/shim/aboutdevtools/aboutdevtools.manifest
Normal file
@ -0,0 +1,2 @@
|
||||
component {3a16d383-92bd-4c24-ac10-0e2bd66883ab} aboutdevtools-registration.js
|
||||
contract @mozilla.org/network/protocol/about;1?what=devtools {3a16d383-92bd-4c24-ac10-0e2bd66883ab}
|
||||
129
devtools/shim/aboutdevtools/aboutdevtools.xhtml
Normal file
129
devtools/shim/aboutdevtools/aboutdevtools.xhtml
Normal file
@ -0,0 +1,129 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- 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 % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> %htmlDTD;
|
||||
<!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd"> %globalDTD;
|
||||
<!ENTITY % aboutdevtoolsDTD SYSTEM "chrome://devtools-shim/locale/aboutdevtools.dtd"> %aboutdevtoolsDTD;
|
||||
]>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" dir="&locale.dir;">
|
||||
<head>
|
||||
<title>&aboutDevtools.headTitle;</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>a
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools-shim/content/aboutdevtools/aboutdevtools.css" type="text/css"/>
|
||||
<script type="application/javascript" src="chrome://devtools-shim/content/aboutdevtools/aboutdevtools.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="install-page" class="wrapper" hidden="true">
|
||||
<div class="box">
|
||||
<div class="left-pane" />
|
||||
<div class="right-pane">
|
||||
<h1 id="common-title" hidden="true">&aboutDevtools.enable.title;</h1>
|
||||
<h1 id="inspect-title" hidden="true">&aboutDevtools.enable.inspectElementTitle;</h1>
|
||||
|
||||
<!-- Include all the possible message, hidden by default
|
||||
as we can't lazily load localized strings from dtd -->
|
||||
<p class="message" id="about-debugging-message" hidden="true">&aboutDevtools.enable.aboutDebuggingMessage;</p>
|
||||
<p class="message" id="menu-message" hidden="true">&aboutDevtools.enable.menuMessage;</p>
|
||||
<p class="message" id="key-shortcut-message" hidden="true">&aboutDevtools.enable.keyShortcutMessage;</p>
|
||||
<p class="message" id="inspect-element-message" hidden="true">&aboutDevtools.enable.inspectElementMessage;</p>
|
||||
|
||||
<p class="message">&aboutDevtools.enable.commonMessage;</p>
|
||||
<a href="https://developer.mozilla.org/docs/Tools" target="_blank">&aboutDevtools.enable.learnMoreLink;</a>
|
||||
<button class="installpage-button" id="install">&aboutDevtools.enable.installButton;</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- This page, hidden by default is displayed once the add-on is installed -->
|
||||
<div id="welcome-page" class="wrapper" hidden="true">
|
||||
<div class="box">
|
||||
<div class="left-pane" />
|
||||
<div class="right-pane">
|
||||
<h1>&aboutDevtools.welcome.title;</h1>
|
||||
<p class="message" id="welcome-message">&aboutDevtools.welcome.message;</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="features">
|
||||
<ul class="features-list">
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-inspector.svg" alt=""/>
|
||||
<h3 class="feature-name">Inspector</h3>
|
||||
<p class="feature-desc">Inspect and refine code to build pixel-perfect layouts.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-console.svg" alt=""/>
|
||||
<h3 class="feature-name">Console</h3>
|
||||
<p class="feature-desc">Track CSS, JavaScript, security and network issues.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-debugger.svg" alt=""/>
|
||||
<h3 class="feature-name">Debugger</h3>
|
||||
<p class="feature-desc">Powerful JavaScript debugger with support for your framework.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-network.svg" alt=""/>
|
||||
<h3 class="feature-name">Network</h3>
|
||||
<p class="feature-desc">Monitor network requests that can slow or block your site.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-storage.svg" alt=""/>
|
||||
<h3 class="feature-name">Storage panel</h3>
|
||||
<p class="feature-desc">Add, modify and remove cache, cookies, databases and session data.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-responsive-mode.svg" alt=""/>
|
||||
<h3 class="feature-name">Responsive Design Mode</h3>
|
||||
<p class="feature-desc">Test sites on emulated devices in your browser.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-visual-editing.svg" alt=""/>
|
||||
<h3 class="feature-name">Visual Editing</h3>
|
||||
<p class="feature-desc">Fine-tune animations, alignment and padding.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-performance.svg" alt=""/>
|
||||
<h3 class="feature-name">Performance</h3>
|
||||
<p class="feature-desc">Unblock bottlenecks, streamline processes, optimize assets.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-memory.svg" alt=""/>
|
||||
<h3 class="feature-name">Memory</h3>
|
||||
<p class="feature-desc">Find memory leaks and make your application zippy.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-web-audio.svg" alt=""/>
|
||||
<h3 class="feature-name">Web Audio</h3>
|
||||
<p class="feature-desc">The only developer tool for inspecting the Web Audio API.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-scratchpad.svg" alt=""/>
|
||||
<h3 class="feature-name">Scratchpad</h3>
|
||||
<p class="feature-desc">Edit, write, run and execute JavaScript in real time.</p>
|
||||
</li>
|
||||
|
||||
<li class="feature">
|
||||
<img class="feature-icon" src="chrome://devtools-shim/content/aboutdevtools/images/feature-style-editor.svg" alt=""/>
|
||||
<h3 class="feature-name">Style Editor</h3>
|
||||
<p class="feature-desc">Edit and manage all your CSS stylesheets in your browser.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
26
devtools/shim/aboutdevtools/images/feature-console.svg
Executable file
26
devtools/shim/aboutdevtools/images/feature-console.svg
Executable file
@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Console</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-502.000000, -2865.000000)">
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
<g id="Page-1" transform="translate(555.000000, 2887.000000)">
|
||||
<path d="M116.75859,15.6454747 L116.75859,74.4046313 C116.75859,78.9611253 112.762065,82.6539446 107.832465,82.6539446 L8.926515,82.6539446 C3.996915,82.6539446 0.00039,78.9611253 0.00039,74.4046313 L0.00039,15.6454747" id="Stroke-1" stroke="#0080FF" stroke-width="5"></path>
|
||||
<path d="M114.359603,0.99990241 L2.3993775,0.99990241 C1.0743525,0.99990241 -9.75000003e-05,2.07534819 -9.75000003e-05,3.4016012 L-9.75000003e-05,14.9621554 L116.758103,14.9621554 L116.758103,3.4016012 C116.758103,2.07534819 115.684628,0.99990241 114.359603,0.99990241" id="Fill-3" fill="#0080FF"></path>
|
||||
<path d="M114.359603,-9.75903613e-05 L78.8554687,-9.75903613e-05 L2.3993775,-9.75903613e-05 C1.0743525,-9.75903613e-05 -9.75000003e-05,1.07534819 -9.75000003e-05,2.4016012 L-9.75000003e-05,13.9621554 L116.758103,13.9621554 L116.758103,2.4016012 C116.758103,1.07534819 115.684628,-9.75903613e-05 114.359603,-9.75903613e-05 Z" id="Stroke-5" stroke="#0080FF" stroke-width="5"></path>
|
||||
<path d="M9.117225,7.88080361 C9.117225,9.64230964 7.689825,11.0710325 5.92995,11.0710325 C4.170075,11.0710325 2.742675,9.64230964 2.742675,7.88080361 C2.742675,6.11832169 4.170075,4.6895988 5.92995,4.6895988 C7.689825,4.6895988 9.117225,6.11832169 9.117225,7.88080361" id="Fill-7" fill="#FFFFFF"></path>
|
||||
<path d="M19.7446275,7.88080361 C19.7446275,9.64230964 18.3182025,11.0710325 16.5573525,11.0710325 C14.7974775,11.0710325 13.3700775,9.64230964 13.3700775,7.88080361 C13.3700775,6.11832169 14.7974775,4.6895988 16.5573525,4.6895988 C18.3182025,4.6895988 19.7446275,6.11832169 19.7446275,7.88080361" id="Fill-9" fill="#FFFFFF"></path>
|
||||
<path d="M30.13023,7.88080361 C30.13023,9.64230964 28.70283,11.0710325 26.942955,11.0710325 C25.18308,11.0710325 23.75568,9.64230964 23.75568,7.88080361 C23.75568,6.11832169 25.18308,4.6895988 26.942955,4.6895988 C28.70283,4.6895988 30.13023,6.11832169 30.13023,7.88080361" id="Fill-11" fill="#FFFFFF"></path>
|
||||
<polyline id="Stroke-13" stroke="#00C7D8" stroke-width="3" stroke-linecap="round" points="13.863242 53.3297773 19.986242 59.4574761 13.863242 65.5871267"></polyline>
|
||||
<path d="M25.574659,67 L38.160934,67" id="Stroke-15" stroke="#00C7D8" stroke-width="3" stroke-linecap="round"></path>
|
||||
</g>
|
||||
<rect id="Rectangle-5" fill="#1C2142" x="615" y="2913" width="46" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" fill="#1C2142" x="567" y="2913" width="40" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" fill="#1C2142" x="623" y="2925" width="26" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" fill="#1C2142" x="567" y="2925" width="50" height="3" rx="1.5"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
34
devtools/shim/aboutdevtools/images/feature-debugger.svg
Executable file
34
devtools/shim/aboutdevtools/images/feature-debugger.svg
Executable file
@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Debugger</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-843.000000, -2865.000000)">
|
||||
<g id="Group-11" transform="translate(892.000000, 2893.000000)">
|
||||
<g id="Page-1" transform="translate(4.032520, 0.000000)" stroke="#0080FF" stroke-width="4" stroke-linecap="round">
|
||||
<path d="M101.173069,18.4397779 L101.173069,14.4680499 C101.173069,11.4317399 103.618565,8.9694856 106.635539,8.9694856 L117.258565,8.9694856" id="Stroke-1"></path>
|
||||
<polyline id="Stroke-3" points="111.688269 2.54689767 118.069417 8.97002819 111.688269 15.3931587"></polyline>
|
||||
<path d="M89.3390484,28 L97.1187005,28" id="Stroke-5"></path>
|
||||
<path d="M104.283097,28 L112.063828,28" id="Stroke-7"></path>
|
||||
<path d="M44.237984,28 L53.1153058,28" id="Stroke-16"></path>
|
||||
<path d="M61.2894936,28 L70.1668153,28" id="Stroke-18"></path>
|
||||
<path d="M47.537031,0.000325551471 L52.0409266,0.000325551471 C55.4827353,0.000325551471 58.2743527,2.80874957 58.2743527,6.27261722 L58.2743527,18.4710308" id="Stroke-20"></path>
|
||||
<polyline id="Stroke-22" points="65.5557405 12.0750296 58.2742449 19.4031932 50.991671 12.0750296"></polyline>
|
||||
<path d="M47.537031,0.000325551471 L52.0409266,0.000325551471 C55.4827353,0.000325551471 58.2743527,2.80874957 58.2743527,6.27261722 L58.2743527,18.4710308" id="Stroke-24"></path>
|
||||
<polyline id="Stroke-26" points="65.5557405 12.0750296 58.2742449 19.4031932 50.991671 12.0750296"></polyline>
|
||||
<path d="M3.81743446,28 L7.27973011,28" id="Stroke-28"></path>
|
||||
<path d="M0.057215327,16.1793655 L2.74855446,12.0274991 C4.8058762,8.85445741 9.03050228,7.96027604 12.1833371,10.0307834 L23.2861892,17.3220512" id="Stroke-30"></path>
|
||||
<polyline id="Stroke-32" points="21.8156571 6.78590337 24.1339179 17.8785271 13.1119353 20.2105608"></polyline>
|
||||
<path d="M0.057215327,16.1793655 L2.74855446,12.0274991 C4.8058762,8.85445741 9.03050228,7.96027604 12.1833371,10.0307834 L23.2861892,17.3220512" id="Stroke-34"></path>
|
||||
<polyline id="Stroke-36" points="21.8156571 6.78590337 24.1339179 17.8785271 13.1119353 20.2105608"></polyline>
|
||||
</g>
|
||||
<rect id="Rectangle-10" fill="#00C7D8" x="0" y="46.6764706" width="124" height="5" rx="2.5"></rect>
|
||||
<rect id="Rectangle-10" fill="#0080FF" x="1" y="62.9117647" width="35.2299995" height="5" rx="2.5"></rect>
|
||||
<rect id="Rectangle-10" fill="#1C2142" x="45.2764228" y="62.9117647" width="45.3658537" height="5" rx="2.5"></rect>
|
||||
</g>
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
41
devtools/shim/aboutdevtools/images/feature-inspector.svg
Executable file
41
devtools/shim/aboutdevtools/images/feature-inspector.svg
Executable file
@ -0,0 +1,41 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Inspector</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<polygon id="path-1" points="82.3351726 27.0750512 82.3351726 54.149836 0.391390693 54.149836 0.391390693 0.000266310669 82.3351726 0.000266310669 82.3351726 27.0750512"></polygon>
|
||||
</defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-145.000000, -2868.000000)">
|
||||
<g id="Group-18" transform="translate(176.000000, 2877.000000)">
|
||||
<g id="Group-6">
|
||||
<g id="Page-1">
|
||||
<g id="Group-14">
|
||||
<path d="M104.972689,69.5181903 L40.5788803,69.5181903 C35.675454,69.5181903 31.6986882,65.5085545 31.6986882,60.5606493 L31.6986882,36.4173153 C31.6986882,31.4694101 35.675454,27.4597744 40.5788803,27.4597744 L104.972689,27.4597744 C109.877327,27.4597744 113.854092,31.4694101 113.854092,36.4173153 L113.854092,60.5606493 C113.854092,65.5085545 109.877327,69.5181903 104.972689,69.5181903" id="Fill-1" fill="#0080FF"></path>
|
||||
<path d="M19.6363636,0.611219006 L19.6363636,97.7367656" id="Stroke-3" stroke="#0080FF" stroke-width="4" stroke-linecap="round"></path>
|
||||
<path d="M125.181818,0.611219006 L125.181818,97.7367656" id="Stroke-5" stroke="#0080FF" stroke-width="4" stroke-linecap="round"></path>
|
||||
<path d="M145.397489,13.5581395 L0.605902617,13.5581395" id="Stroke-7" stroke="#0080FF" stroke-width="4" stroke-linecap="round"></path>
|
||||
<path d="M145.397489,82.5813953 L0.605902617,82.5813953" id="Stroke-9" stroke="#0080FF" stroke-width="4" stroke-linecap="round"></path>
|
||||
</g>
|
||||
<g id="Group-13" transform="translate(77.331874, 50.959169)">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<g id="Clip-12"></g>
|
||||
<path d="M15.6361907,54.1501023 C7.21643156,54.1501023 0.391390693,47.2917149 0.391390693,38.8319126 L0.391390693,0.000266310669 L67.0894891,0.000266310669 C75.5092482,0.000266310669 82.3351726,6.85865373 82.3351726,15.318456 L82.3351726,38.8319126 C82.3351726,47.2917149 75.5092482,54.1501023 67.0894891,54.1501023 L15.6361907,54.1501023 Z" id="Fill-11" fill="#1C2142" mask="url(#mask-2)"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group-25" transform="translate(85.139034, 64.361849)" fill="#00C7D8">
|
||||
<rect id="Rectangle-5" x="49.840151" y="0" width="15.6361258" height="2.94439966" rx="1.47219983"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="24.5366638" width="15.6361258" height="2.94439966" rx="1.47219983"></rect>
|
||||
<rect id="Rectangle-5" x="20.5224151" y="24.5366638" width="15.6361258" height="2.94439966" rx="1.47219983"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="0" width="43.9766038" height="2.94439966" rx="1.47219983"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="12.7590652" width="65.4762768" height="2.94439966" rx="1.47219983"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
33
devtools/shim/aboutdevtools/images/feature-memory.svg
Executable file
33
devtools/shim/aboutdevtools/images/feature-memory.svg
Executable file
@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Memory</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-846.000000, -3508.000000)">
|
||||
<path d="M918,3609.05462 C918,3611.74049 920.178731,3613.9179 922.866215,3613.9179 L994.621505,3613.9179 C997.308989,3613.9179 999.48772,3611.74049 999.48772,3609.05462 L999.48772,3574.73675 C995.606387,3572.77699 992.938301,3569.64701 992.938301,3565.00403 C992.938301,3560.36017 995.606387,3557.23107 999.48772,3555.27131 L999.48772,3530.86328 C999.48772,3528.17742 997.308989,3526 994.621505,3526 L922.866215,3526 C920.178731,3526 918,3528.17742 918,3530.86328" id="Stroke-1" stroke="#0080FF" stroke-width="5" stroke-linecap="round"></path>
|
||||
<path d="M918,3532 L918,3554.51876 C921.882215,3556.47764 924.549419,3559.60762 924.549419,3564.25149 C924.549419,3568.89358 921.882215,3572.02356 918,3573.98421 L918,3610.19047" id="Stroke-3" stroke="#0080FF" stroke-width="5" stroke-linecap="round"></path>
|
||||
<path d="M965,3594 L965,3599.21751" id="Stroke-5" stroke="#00C7D8" stroke-width="3" stroke-linecap="round"></path>
|
||||
<path d="M976,3594 L976,3599.21751" id="Stroke-7" stroke="#00C7D8" stroke-width="3" stroke-linecap="round"></path>
|
||||
<path d="M954,3594 L954,3599.21751" id="Stroke-9" stroke="#00C7D8" stroke-width="3" stroke-linecap="round"></path>
|
||||
<path d="M943,3594 L943,3599.21751" id="Stroke-11" stroke="#00C7D8" stroke-width="3" stroke-linecap="round"></path>
|
||||
<path d="M972.908182,3546 L946.753278,3546 C944.688851,3546 943,3547.68615 943,3549.74628 L943,3573.58554 C943,3575.64566 944.688851,3577.33181 946.753278,3577.33181 L972.908182,3577.33181 C974.972609,3577.33181 976.662285,3575.64566 976.662285,3573.58554 L976.662285,3549.74628 C976.662285,3547.68615 974.972609,3546 972.908182,3546 Z" id="Stroke-31" stroke="#0022A9" stroke-width="4" stroke-linecap="round"></path>
|
||||
<g id="Group-19" transform="translate(938.000000, 3541.000000)" stroke="#0022A9" stroke-width="4" stroke-linecap="round">
|
||||
<path d="M39.3191489,13 L43.9659236,13" id="Stroke-19"></path>
|
||||
<path d="M39.3191489,21 L43.9659236,21" id="Stroke-21"></path>
|
||||
<path d="M39.3191489,30 L43.9659236,30" id="Stroke-23"></path>
|
||||
<path d="M0,13 L4.64677463,13" id="Stroke-25"></path>
|
||||
<path d="M0,21 L4.64677463,21" id="Stroke-27"></path>
|
||||
<path d="M0,30 L4.64677463,30" id="Stroke-29"></path>
|
||||
<path d="M13,5.07816341 L13,0.445188366" id="Stroke-33"></path>
|
||||
<path d="M21.5,5.07816341 L21.5,0.445188366" id="Stroke-35"></path>
|
||||
<path d="M30,5.07816341 L30,0.445188366" id="Stroke-37"></path>
|
||||
<path d="M13,42.2908441 L13,37.6578691" id="Stroke-39"></path>
|
||||
<path d="M21.5,42.2908441 L21.5,37.6578691" id="Stroke-41"></path>
|
||||
<path d="M30,42.2908441 L30,37.6578691" id="Stroke-43"></path>
|
||||
</g>
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
23
devtools/shim/aboutdevtools/images/feature-network.svg
Executable file
23
devtools/shim/aboutdevtools/images/feature-network.svg
Executable file
@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Network</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-149.000000, -3171.000000)">
|
||||
<path d="M198.474304,3207.33333 L320.101069,3207.33333" id="Stroke-7" stroke="#031537" stroke-width="5" stroke-linecap="round" transform="translate(259.500000, 3206.500000) scale(1, -1) translate(-259.500000, -3206.500000) "></path>
|
||||
<g id="Group-20" transform="translate(207.000000, 3202.000000)" stroke="#031537" stroke-width="5" stroke-linecap="round">
|
||||
<path d="M107,0 L107,8.69585809" id="Stroke-5" transform="translate(109.500000, 4.347929) scale(1, -1) translate(-109.500000, -4.347929) "></path>
|
||||
<path d="M71,0 L71,8.69585809" id="Stroke-7" transform="translate(73.500000, 4.347929) scale(1, -1) translate(-73.500000, -4.347929) "></path>
|
||||
<path d="M34,0 L34,8.69585809" id="Stroke-9" transform="translate(36.500000, 4.347929) scale(1, -1) translate(-36.500000, -4.347929) "></path>
|
||||
<path d="M0,0 L0,8.69585809" id="Stroke-11" transform="translate(2.500000, 4.347929) scale(1, -1) translate(-2.500000, -4.347929) "></path>
|
||||
</g>
|
||||
<rect id="Rectangle-9" fill="#0080FF" x="199" y="3227" width="56.0699997" height="5" rx="2.5"></rect>
|
||||
<rect id="Rectangle-9" fill="#00C7D8" x="283" y="3259" width="33.0764463" height="5" rx="2.5"></rect>
|
||||
<rect id="Rectangle-9" fill="#0080FF" x="264" y="3227" width="33.0764463" height="5" rx="2.5"></rect>
|
||||
<path d="M239,3245.5 C239,3244.11929 240.110137,3243 241.509621,3243 L324.292032,3243 C325.678057,3243 326.801653,3244.10966 326.801653,3245.5 L326.801653,3245.5 C326.801653,3246.88071 325.691516,3248 324.292032,3248 L241.509621,3248 C240.123596,3248 239,3246.89034 239,3245.5 L239,3245.5 Z" id="Rectangle-9" fill="#1C2142"></path>
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
32
devtools/shim/aboutdevtools/images/feature-performance.svg
Executable file
32
devtools/shim/aboutdevtools/images/feature-performance.svg
Executable file
@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Performance</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-490.000000, -3508.000000)">
|
||||
<g id="Page-1-Copy" transform="translate(540.000000, 3527.000000)">
|
||||
<path d="M107.539403,14.3339002 L107.539403,72.0477183 C107.539403,76.1024983 104.090172,79.3891087 99.8359389,79.3891087 L8.15514924,79.3891087 C3.9000141,79.3891087 0.450782609,76.1024983 0.450782609,72.0477183 L0.450782609,14.3339002" id="Stroke-9" stroke="#0080FF" stroke-width="5"></path>
|
||||
<path d="M105.436112,0.450972419 L2.55479577,0.450972419 C1.39241739,0.450972419 0.451143596,1.39335674 0.451143596,2.55508913 L0.451143596,12.8770859 L107.539764,12.8770859 L107.539764,2.55508913 C107.539764,1.39335674 106.597588,0.450972419 105.436112,0.450972419" id="Fill-11" fill="#0080FF"></path>
|
||||
<path d="M105.436112,0.450972419 L2.55479577,0.450972419 C1.39241739,0.450972419 0.451143596,1.39335674 0.451143596,2.55508913 L0.451143596,12.8770859 L107.539764,12.8770859 L107.539764,2.55508913 C107.539764,1.39335674 106.597588,0.450972419 105.436112,0.450972419 Z" id="Stroke-13" stroke="#0080FF" stroke-width="5"></path>
|
||||
<path d="M8.3194886,7.44402371 C8.3194886,9.01195623 7.08762021,10.283814 5.5687671,10.283814 C4.04991398,10.283814 2.81804559,9.01195623 2.81804559,7.44402371 C2.81804559,5.87609118 4.04991398,4.60423342 5.5687671,4.60423342 C7.08762021,4.60423342 8.3194886,5.87609118 8.3194886,7.44402371" id="Fill-15" fill="#FFFFFF"></path>
|
||||
<path d="M17.4913579,7.44402371 C17.4913579,9.01195623 16.260392,10.283814 14.7406364,10.283814 C13.2217833,10.283814 11.9899149,9.01195623 11.9899149,7.44402371 C11.9899149,5.87609118 13.2217833,4.60423342 14.7406364,4.60423342 C16.260392,4.60423342 17.4913579,5.87609118 17.4913579,7.44402371" id="Fill-17" fill="#FFFFFF"></path>
|
||||
<path d="M26.454306,7.44402371 C26.454306,9.01195623 25.2224376,10.283814 23.7035845,10.283814 C22.1847314,10.283814 20.952863,9.01195623 20.952863,7.44402371 C20.952863,5.87609118 22.1847314,4.60423342 23.7035845,4.60423342 C25.2224376,4.60423342 26.454306,5.87609118 26.454306,7.44402371" id="Fill-19" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<g id="Group-15" transform="translate(603.000000, 3564.000000)">
|
||||
<path d="M16.7889599,48.6338083 L60.0183852,48.6338083 L66.7547698,48.6338083 C68.5906179,44.4244314 69.6087997,39.7787973 69.6087997,34.8959824 C69.6087997,15.8507488 54.117612,0.410664266 35.0085629,0.410664266 L34.8400362,0.410664266 C15.7309871,0.410664266 0.239799373,15.8507488 0.239799373,34.8959824 C0.239799373,39.7787973 1.25798119,44.4244314 3.09382933,48.6338083 L16.7889599,48.6338083 Z" id="Fill-13" fill="#FFFFFF"></path>
|
||||
<path d="M16.7889599,48.6338083 L60.0183852,48.6338083 L66.7547698,48.6338083 C68.5906179,44.4244314 69.6087997,39.7787973 69.6087997,34.8959824 C69.6087997,15.8507488 54.117612,0.410664266 35.0085629,0.410664266 L34.8400362,0.410664266 C15.7309871,0.410664266 0.239799373,15.8507488 0.239799373,34.8959824 C0.239799373,39.7787973 1.25798119,44.4244314 3.09382933,48.6338083 L16.7889599,48.6338083 Z" id="Stroke-15" stroke="#00C7D8" stroke-width="5" stroke-linecap="round"></path>
|
||||
<path d="M34.5454545,11.0442206 L34.5454545,17.5328666" id="Stroke-17" stroke="#0080FF" stroke-width="3" stroke-linecap="round"></path>
|
||||
<path d="M17.041906,19.3658468 L21.3104674,23.6203269" id="Stroke-19" stroke="#0080FF" stroke-width="3" stroke-linecap="round"></path>
|
||||
<path d="M12.0840237,36.2962963 L18.1197743,36.2962963" id="Stroke-21" stroke="#0080FF" stroke-width="3" stroke-linecap="round"></path>
|
||||
<path d="M43.1928722,32.7635321 C43.1928722,37.3158492 39.4907475,41.0049834 34.9241435,41.0049834 C30.3575395,41.0049834 26.6554148,37.3158492 26.6554148,32.7635321 C26.6554148,28.2112151 30.3575395,24.5220808 34.9241435,24.5220808 C39.4907475,24.5220808 43.1928722,28.2112151 43.1928722,32.7635321" id="Fill-23" fill="#0022A9"></path>
|
||||
<g id="Group-28" transform="translate(34.890282, 14.806064)">
|
||||
<path d="M0.0340954371,17.9574677 L17.4001421,0.647931427" id="Fill-25" fill="#005482"></path>
|
||||
<path d="M0.0340954371,17.9574677 L17.4001421,0.647931427" id="Stroke-27" stroke="#137EFF" stroke-width="3" stroke-linecap="round"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
38
devtools/shim/aboutdevtools/images/feature-responsive-mode.svg
Executable file
38
devtools/shim/aboutdevtools/images/feature-responsive-mode.svg
Executable file
@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Responsive design mode</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-843.000000, -3171.000000)">
|
||||
<g id="Group-23" transform="translate(902.000000, 3212.000000)" fill="#00C7D8">
|
||||
<rect id="Rectangle-5" x="0" y="12" width="63" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="25" width="58" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="0" width="41" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="37" width="41" height="3" rx="1.5"></rect>
|
||||
</g>
|
||||
<g id="Page-1" transform="translate(890.000000, 3186.000000)">
|
||||
<path d="M110.526609,14.6922477 L110.526609,73.8489112 C110.526609,78.0050607 106.981565,81.3738364 102.609159,81.3738364 L8.38168116,81.3738364 C4.00834783,81.3738364 0.463304348,78.0050607 0.463304348,73.8489112 L0.463304348,14.6922477" id="Stroke-9" stroke="#0080FF" stroke-width="5"></path>
|
||||
<path d="M108.364893,0.462246729 L2.62576232,0.462246729 C1.43109565,0.462246729 0.463675362,1.42819065 0.463675362,2.61896636 L0.463675362,13.1990131 L110.52698,13.1990131 L110.52698,2.61896636 C110.52698,1.42819065 109.558632,0.462246729 108.364893,0.462246729" id="Fill-11" fill="#0080FF"></path>
|
||||
<path d="M108.364893,0.462246729 L2.62576232,0.462246729 C1.43109565,0.462246729 0.463675362,1.42819065 0.463675362,2.61896636 L0.463675362,13.1990131 L110.52698,13.1990131 L110.52698,2.61896636 C110.52698,1.42819065 109.558632,0.462246729 108.364893,0.462246729 Z" id="Stroke-13" stroke="#0080FF" stroke-width="5"></path>
|
||||
<path d="M8.55058551,7.6301243 C8.55058551,9.23725514 7.28449855,10.5409093 5.72345507,10.5409093 C4.16241159,10.5409093 2.89632464,9.23725514 2.89632464,7.6301243 C2.89632464,6.02299346 4.16241159,4.71933925 5.72345507,4.71933925 C7.28449855,4.71933925 8.55058551,6.02299346 8.55058551,7.6301243" id="Fill-15" fill="#FFFFFF"></path>
|
||||
<path d="M17.977229,7.6301243 C17.977229,9.23725514 16.7120696,10.5409093 15.1500986,10.5409093 C13.5890551,10.5409093 12.3229681,9.23725514 12.3229681,7.6301243 C12.3229681,6.02299346 13.5890551,4.71933925 15.1500986,4.71933925 C16.7120696,4.71933925 17.977229,6.02299346 17.977229,7.6301243" id="Fill-17" fill="#FFFFFF"></path>
|
||||
<path d="M27.1891478,7.6301243 C27.1891478,9.23725514 25.9230609,10.5409093 24.3620174,10.5409093 C22.8009739,10.5409093 21.534887,9.23725514 21.534887,7.6301243 C21.534887,6.02299346 22.8009739,4.71933925 24.3620174,4.71933925 C25.9230609,4.71933925 27.1891478,6.02299346 27.1891478,7.6301243" id="Fill-19" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<g id="Page-1" transform="translate(974.000000, 3196.000000)">
|
||||
<rect id="Rectangle-6" fill="#FFFFFF" x="1.85507246" y="1.85046729" width="51.0144928" height="82.5319977"></rect>
|
||||
<g id="Group-23" transform="translate(9.797101, 13.271028)" fill="#1C2142">
|
||||
<rect id="Rectangle-5" x="0" y="10" width="35.2000008" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="19" width="30.2999992" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="0" width="26.0200005" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle-5" x="0" y="29" width="22.0200005" height="3" rx="1.5"></rect>
|
||||
</g>
|
||||
<path d="M44.1492738,82.932179 L9.66292295,82.932179 C4.56906009,82.932179 0.401792083,78.7766344 0.401792083,73.6971017 L0.401792083,9.63525863 C0.401792083,4.55572592 4.56906009,0.400181344 9.66292295,0.400181344 L44.1492738,0.400181344 C49.2431367,0.400181344 53.4112076,4.55572592 53.4112076,9.63525863 L53.4112076,73.6971017 C53.4112076,78.7766344 49.2431367,82.932179 44.1492738,82.932179 Z" id="Stroke-1" stroke="#0E59E1" stroke-width="5" stroke-linecap="round"></path>
|
||||
<path d="M53.4109667,58 L0.401551201,58" id="Stroke-3" stroke="#0E59E1" stroke-width="4" stroke-linecap="round"></path>
|
||||
<path d="M26.4057603,73.678527 C24.2272275,73.678527 22.4607604,71.9170293 22.4607604,69.7439667 C22.4607604,67.5715627 24.2272275,65.810065 26.4057603,65.810065 C28.5842931,65.810065 30.3507602,67.5715627 30.3507602,69.7439667 C30.3507602,71.9170293 28.5842931,73.678527 26.4057603,73.678527 Z" id="Fill-5" fill="#0080FF"></path>
|
||||
</g>
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="222" height="122" viewBox="0 0 222 122"><defs><filter id="a" filterUnits="userSpaceOnUse" x="53.5" y="11.8" width="114" height="106.4"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="53.5" y="11.8" width="114" height="106.4" id="b"><path fill="#FFF" d="M167.5 11.8v106.3h-114V11.8z" filter="url(#a)"/></mask><path mask="url(#b)" fill="#306EFD" d="M67.4 14.7c-6 0-11 4.9-11 11v78.6c0 6 4.9 11 11 11h86.2c6 0 11-4.9 11-11V25.6c0-6-4.9-11-11-11H67.4zm86.2 103.4H67.4c-7.7 0-13.9-6.2-13.9-13.9V25.6c0-7.7 6.2-13.9 13.9-13.9h86.2c7.7 0 13.9 6.2 13.9 13.9v78.6c0 7.7-6.2 13.9-13.9 13.9z"/><path fill="#0022A9" d="M132 23.4h2.9V3.5H132m16.2 19.9h2.9V3.5h-2.9m-31.8 19.9h2.9V3.5h-2.9m-15.7 19.9h2.9V3.5h-2.9M85.1 23.4H88V3.5h-2.9M69.4 23.4h3V3.5h-3"/><path fill="#4DE5FF" d="M77.8 41.3h66.6v-2.9H77.8m0 20.2h66.6v-2.9H77.8m0 20.2h66.6V73H77.8m48 20.2h18.6v-2.9h-18.6m-48 2.9h48v-2.9h-48"/></svg>
|
||||
|
After Width: | Height: | Size: 1004 B |
20
devtools/shim/aboutdevtools/images/feature-storage.svg
Executable file
20
devtools/shim/aboutdevtools/images/feature-storage.svg
Executable file
@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Storage</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-494.000000, -3171.000000)">
|
||||
<g id="Group-16" transform="translate(562.000000, 3192.000000)" stroke-width="5" stroke-linecap="round">
|
||||
<path d="M79.0179219,81.9119141 L9.41614704,81.9119141 C4.47517472,81.9119141 0.43303223,78.6943644 0.43303223,74.7621705 L0.43303223,61.8828944 C0.43303223,57.9507005 4.47517472,54.7331509 9.41614704,54.7331509 L79.0179219,54.7331509 C83.9578575,54.7331509 88,57.9507005 88,61.8828944 L88,74.7621705 C88,78.6943644 83.9578575,81.9119141 79.0179219,81.9119141 Z" id="Stroke-1" stroke="#0022A9"></path>
|
||||
<path d="M79.0179219,54.7335635 L9.41614704,54.7335635 C4.47517472,54.7335635 0.43303223,51.5160138 0.43303223,47.5838199 L0.43303223,34.7045439 C0.43303223,30.7723499 4.47517472,27.5548003 9.41614704,27.5548003 L79.0179219,27.5548003 C83.9578575,27.5548003 88,30.7723499 88,34.7045439 L88,47.5838199 C88,51.5160138 83.9578575,54.7335635 79.0179219,54.7335635 Z" id="Stroke-3" stroke="#137EFF"></path>
|
||||
<path d="M79.0179219,27.5551304 L9.41614704,27.5551304 C4.47517472,27.5551304 0.43303223,24.3375807 0.43303223,20.4053868 L0.43303223,7.52611075 C0.43303223,3.59391684 4.47517472,0.376367187 9.41614704,0.376367187 L79.0179219,0.376367187 C83.9578575,0.376367187 88,3.59391684 88,7.52611075 L88,20.4053868 C88,24.3375807 83.9578575,27.5551304 79.0179219,27.5551304 Z" id="Stroke-5" stroke="#00C7D8"></path>
|
||||
</g>
|
||||
<path d="M576.8016,3209.62875 C574.701741,3209.62875 573,3207.92195 573,3205.8148 C573,3203.70765 574.701741,3202 576.8016,3202 C578.900612,3202 580.602353,3203.70765 580.602353,3205.8148 C580.602353,3207.92195 578.900612,3209.62875 576.8016,3209.62875 Z" id="Fill-7" fill="#1C2142"></path>
|
||||
<path d="M580.602353,3232.8148 C580.602353,3234.92195 578.900612,3236.62875 576.8016,3236.62875 C574.701741,3236.62875 573,3234.92195 573,3232.8148 C573,3230.70765 574.701741,3229 576.8016,3229 C578.900612,3229 580.602353,3230.70765 580.602353,3232.8148" id="Fill-9" fill="#1C2142"></path>
|
||||
<path d="M576.8016,3263.62875 C574.701741,3263.62875 573,3261.9211 573,3259.8148 C573,3257.70765 574.701741,3256 576.8016,3256 C578.900612,3256 580.602353,3257.70765 580.602353,3259.8148 C580.602353,3261.9211 578.900612,3263.62875 576.8016,3263.62875 Z" id="Fill-11" fill="#1C2142"></path>
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="222" height="122" viewBox="0 0 222 122"><path fill="#306EFD" d="M53.5 27.5v89.6h90.3V50h-3.1v64H56.6V30.7h69.7v-3.2"/><path fill="#4DE5FF" d="M120.6 94.1H76.7V50.5H103v3.2H79.9v37.2h37.6V73.3h3.1"/><path fill="#0022A9" d="M96.6 80.8c-1.2 0-2.3-.4-3-1.1-1.1-1.2-1.4-3.1-.6-5.6l3.6-17 35.9-36.2 2.2 2.2-35.2 35.5-3.4 16.2c-.5 1.8-.3 2.5-.2 2.6.1.2.9.3 2.5-.1l16.7-3L150 39l2.2 2.2-35.6 36-17.5 3.2c-.9.2-1.7.4-2.5.4"/><path fill="#306EFD" d="M168.5 14.2c0-2.2-.8-4.3-2.4-5.8l-1-1c-3.2-3.2-8.4-3.2-11.5 0l-16.3 16L126.1 12l-2.2 2.2L159 49.7l2.2-2.2L150 36.2 166.1 20c1.5-1.6 2.4-3.6 2.4-5.8zm-4.6 3.5L147.8 34l-8.3-8.4 16.3-16c2-2 5.2-2 7.1 0l1 1c1 1 1.5 2.2 1.5 3.6-.1 1.3-.6 2.6-1.5 3.5z"/></svg>
|
||||
|
After Width: | Height: | Size: 743 B |
24
devtools/shim/aboutdevtools/images/feature-visual-editing.svg
Executable file
24
devtools/shim/aboutdevtools/images/feature-visual-editing.svg
Executable file
@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="222px" height="122px" viewBox="0 0 222 122" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Visual Editing</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="2017.06.07.Firefox.DevEdition-[white]" transform="translate(-148.000000, -3508.000000)">
|
||||
<g id="Page-1" transform="translate(223.000000, 3529.000000)" stroke-linecap="round">
|
||||
<path d="M0.89919464,57.0148819 L77.7462535,23.4916261" id="Stroke-1" stroke="#00C7D8" stroke-width="3"></path>
|
||||
<path d="M45.0950384,7 L29.3065911,7" id="Stroke-7" stroke="#0022A9" stroke-width="4"></path>
|
||||
<path d="M27.8236668,7.37685859 C27.8236668,3.30266194 24.5180803,0 20.4416475,0 C16.3638431,0 13.0582566,3.30266194 13.0582566,7.37685859 C13.0582566,11.4510552 16.3638431,14.7537172 20.4416475,14.7537172 C24.5180803,14.7537172 27.8236668,11.4510552 27.8236668,7.37685859 Z" id="Stroke-9" stroke="#0022A9" stroke-width="4"></path>
|
||||
<g id="Group-22" transform="translate(50.605882, 72.383721) scale(-1, 1) translate(-50.605882, -72.383721) translate(34.105882, 64.883721)" stroke="#0022A9" stroke-width="4">
|
||||
<path d="M32.271509,6 L16.4830617,6" id="Stroke-7"></path>
|
||||
<path d="M15.0001374,7.37685859 C15.0001374,3.30266194 11.6945509,-8.52651283e-14 7.61811806,-8.52651283e-14 C3.54031364,-8.52651283e-14 0.234727144,3.30266194 0.234727144,7.37685859 C0.234727144,11.4510552 3.54031364,14.7537172 7.61811806,14.7537172 C11.6945509,14.7537172 15.0001374,11.4510552 15.0001374,7.37685859 Z" id="Stroke-9"></path>
|
||||
</g>
|
||||
</g>
|
||||
<path d="M228.208485,3610.05653 C246.820825,3610.05653 261.908498,3594.86648 261.908498,3576.12979 L261.908498,3572.0866 L261.908498,3563.26842 C261.908498,3544.53086 271.883376,3529.97961 290.495715,3529.97961" id="Stroke-10" stroke="#0080FF" stroke-width="5" stroke-linecap="round" transform="translate(259.352100, 3570.018067) rotate(13.000000) translate(-259.352100, -3570.018067) "></path>
|
||||
<ellipse id="Oval" fill="#0080FF" cx="220.155067" cy="3602.14962" rx="6.15506733" ry="6.14962174"></ellipse>
|
||||
<ellipse id="Oval" fill="#0080FF" cx="299.155067" cy="3536.14962" rx="6.15506733" ry="6.14962174"></ellipse>
|
||||
<g id="Group-6" transform="translate(145.000000, 2865.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
1
devtools/shim/aboutdevtools/images/feature-web-audio.svg
Normal file
1
devtools/shim/aboutdevtools/images/feature-web-audio.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="222" height="122" viewBox="0 0 222 122"><path fill="#306EFD" d="M130.7 103.3H36.5c-5.2 0-9.5-4.3-9.5-9.5V4.4h145.5v44.9h-2.8V7.2h-140v86.6c0 3.7 3 6.7 6.7 6.7h94.2v2.8z"/><path fill="#306EFD" d="M28.4 30h142.7v-2.8H28.4M43 17.2c0 2-1.6 3.5-3.5 3.5-2 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5c1.9-.1 3.5 1.5 3.5 3.5M54.8 17.2c0 2-1.6 3.5-3.5 3.5-2 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5c1.9-.1 3.5 1.5 3.5 3.5M66.7 17.2c0 2-1.6 3.5-3.5 3.5-2 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5c1.9-.1 3.5 1.5 3.5 3.5M39.4 49.4h47v-2.7h-47M39.4 78.5h47v-2.7h-47M93.8 49.4h18.5v-2.7H93.8M39.4 64h61.9v-2.8H39.4"/><path fill="#0022A9" d="M158.6 49.8c-18 0-32.7 14.6-32.7 32.6s14.7 32.6 32.7 32.6 32.7-14.6 32.7-32.6-14.7-32.6-32.7-32.6m0 68c-19.6 0-35.5-15.9-35.5-35.4s16-35.4 35.5-35.4 35.5 15.9 35.5 35.4-15.9 35.4-35.5 35.4"/><path fill="#4DE5FF" d="M183 93.8c-3.4 0-4.6-5.2-5.9-11.2-.6-2.7-2-9-3.2-9-1.2 0-2.6 6.3-3.2 9-1.4 6-2.5 11.1-5.9 11.1-3.4 0-4.6-5.2-5.9-11.1-.6-2.7-2-9-3.2-9-1.2 0-2.6 6.3-3.2 9-1.4 6-2.5 11.1-5.9 11.1s-4.6-5.2-5.9-11.2c-.6-2.7-2-9-3.2-9v-2.8c3.4 0 4.6 5.2 5.9 11.1.6 2.7 2 9 3.2 9 1.2 0 2.6-6.3 3.2-9 1.4-6 2.5-11.1 5.9-11.1 3.4 0 4.6 5.2 5.9 11.1.6 2.7 2 9 3.2 9 1.2 0 2.6-6.3 3.2-9 1.4-6 2.5-11.2 5.9-11.2s4.6 5.2 5.9 11.1c.6 2.7 2 9 3.2 9v3.1z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
devtools/shim/aboutdevtools/images/otter.png
Normal file
BIN
devtools/shim/aboutdevtools/images/otter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
10
devtools/shim/aboutdevtools/moz.build
Normal file
10
devtools/shim/aboutdevtools/moz.build
Normal file
@ -0,0 +1,10 @@
|
||||
# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
|
||||
# vim: set filetype=python:
|
||||
# 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/.
|
||||
|
||||
EXTRA_COMPONENTS += [
|
||||
'aboutdevtools-registration.js',
|
||||
'aboutdevtools.manifest',
|
||||
]
|
||||
@ -4,4 +4,23 @@
|
||||
|
||||
devtools-shim.jar:
|
||||
% content devtools-shim %content/
|
||||
content/aboutdevtools/aboutdevtools.xhtml (aboutdevtools/aboutdevtools.xhtml)
|
||||
content/aboutdevtools/aboutdevtools.css (aboutdevtools/aboutdevtools.css)
|
||||
content/aboutdevtools/aboutdevtools.js (aboutdevtools/aboutdevtools.js)
|
||||
|
||||
content/aboutdevtools/images/otter.png (aboutdevtools/images/otter.png)
|
||||
|
||||
content/aboutdevtools/images/feature-inspector.svg (aboutdevtools/images/feature-inspector.svg)
|
||||
content/aboutdevtools/images/feature-console.svg (aboutdevtools/images/feature-console.svg)
|
||||
content/aboutdevtools/images/feature-debugger.svg (aboutdevtools/images/feature-debugger.svg)
|
||||
content/aboutdevtools/images/feature-network.svg (aboutdevtools/images/feature-network.svg)
|
||||
content/aboutdevtools/images/feature-memory.svg (aboutdevtools/images/feature-memory.svg)
|
||||
content/aboutdevtools/images/feature-visual-editing.svg (aboutdevtools/images/feature-visual-editing.svg)
|
||||
content/aboutdevtools/images/feature-responsive-mode.svg (aboutdevtools/images/feature-responsive-mode.svg)
|
||||
content/aboutdevtools/images/feature-storage.svg (aboutdevtools/images/feature-storage.svg)
|
||||
content/aboutdevtools/images/feature-performance.svg (aboutdevtools/images/feature-performance.svg)
|
||||
content/aboutdevtools/images/feature-style-editor.svg (aboutdevtools/images/feature-style-editor.svg)
|
||||
content/aboutdevtools/images/feature-web-audio.svg (aboutdevtools/images/feature-web-audio.svg)
|
||||
content/aboutdevtools/images/feature-scratchpad.svg (aboutdevtools/images/feature-scratchpad.svg)
|
||||
|
||||
content/DevToolsShim.jsm (DevToolsShim.jsm)
|
||||
|
||||
20
devtools/shim/locales/en-US/aboutdevtools.dtd
Normal file
20
devtools/shim/locales/en-US/aboutdevtools.dtd
Normal file
@ -0,0 +1,20 @@
|
||||
<!ENTITY aboutDevtools.headTitle "About Developer Tools">
|
||||
<!ENTITY aboutDevtools.enable.title "Enable Firefox Developer Tools">
|
||||
<!ENTITY aboutDevtools.enable.inspectElementTitle "Enable Firefox Developer Tools to use Inspect Element">
|
||||
|
||||
<!ENTITY aboutDevtools.enable.aboutDebuggingMessage
|
||||
"Develop and debug WebExtensions, web workers, service workers and more with the Firefox DevTools.">
|
||||
<!ENTITY aboutDevtools.enable.inspectElementMessage
|
||||
"Examine and edit HTML and CSS with the DevTools Inspector.">
|
||||
<!ENTITY aboutDevtools.enable.keyShortcutMessage
|
||||
"You activated a Developer Tool shortcut. If that was a mistake, you can close this tab.">
|
||||
<!ENTITY aboutDevtools.enable.menuMessage
|
||||
"Examine, edit and debug HTML, CSS, and JavaScript with tools like Inspector and Debugger.">
|
||||
|
||||
<!ENTITY aboutDevtools.enable.commonMessage
|
||||
"As of Firefox 58, Developer Tools are disabled by default to give you more control over your browser.">
|
||||
|
||||
<!ENTITY aboutDevtools.enable.learnMoreLink "Learn more about DevTools">
|
||||
<!ENTITY aboutDevtools.enable.installButton "Enable Developer Tools">
|
||||
<!ENTITY aboutDevtools.welcome.title "Welcome to Firefox Developer Tools!">
|
||||
<!ENTITY aboutDevtools.welcome.message "You’ve successfully enabled DevTools! To get started explore the Web Developer menu or open the tools with ##INSPECTOR_SHORTCUT##.">
|
||||
@ -20,6 +20,7 @@ if CONFIG['MOZ_DEVTOOLS'] != 'server':
|
||||
]
|
||||
|
||||
DIRS += [
|
||||
'aboutdevtools',
|
||||
'locales',
|
||||
]
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user