mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-22 17:55:50 +00:00
2540abfecb
Backed out changeset 08e5ae4312b3 (bug 1508660) Backed out changeset 01b687bb0b75 (bug 1504185) Backed out changeset 140374b098aa (bug 1504185) Backed out changeset caafdc0ea4c7 (bug 1508656) Backed out changeset 8b98b777aec2 (bug 1508656) Backed out changeset f1905a2f9b6c (bug 1508656) Backed out changeset 8b01632f9e3d (bug 1508656) Backed out changeset eb4c893d451e (bug 1508656) Backed out changeset 70db61618160 (bug 1508656) Backed out changeset dff79b73c7fe (bug 1508660) Backed out changeset b3518d5285be (bug 1508660) Backed out changeset 94a957b9ba90 (bug 1508660) Backed out changeset 773938f18269 (bug 1508660) Backed out changeset 4eca8fce0a47 (bug 1508660)
623 lines
20 KiB
JavaScript
623 lines
20 KiB
JavaScript
/* 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 Services = require("Services");
|
|
const osString = Services.appinfo.OS;
|
|
const { Cu } = require("chrome");
|
|
|
|
// Panels
|
|
loader.lazyGetter(this, "OptionsPanel", () => require("devtools/client/framework/toolbox-options").OptionsPanel);
|
|
loader.lazyGetter(this, "InspectorPanel", () => require("devtools/client/inspector/panel").InspectorPanel);
|
|
loader.lazyGetter(this, "WebConsolePanel", () => require("devtools/client/webconsole/panel").WebConsolePanel);
|
|
loader.lazyGetter(this, "NewDebuggerPanel", () => require("devtools/client/debugger/new/panel").DebuggerPanel);
|
|
loader.lazyGetter(this, "StyleEditorPanel", () => require("devtools/client/styleeditor/panel").StyleEditorPanel);
|
|
loader.lazyGetter(this, "CanvasDebuggerPanel", () => require("devtools/client/canvasdebugger/panel").CanvasDebuggerPanel);
|
|
loader.lazyGetter(this, "WebAudioEditorPanel", () => require("devtools/client/webaudioeditor/panel").WebAudioEditorPanel);
|
|
loader.lazyGetter(this, "MemoryPanel", () => require("devtools/client/memory/panel").MemoryPanel);
|
|
loader.lazyGetter(this, "PerformancePanel", () => require("devtools/client/performance/panel").PerformancePanel);
|
|
loader.lazyGetter(this, "NewPerformancePanel", () => require("devtools/client/performance-new/panel").PerformancePanel);
|
|
loader.lazyGetter(this, "NetMonitorPanel", () => require("devtools/client/netmonitor/panel").NetMonitorPanel);
|
|
loader.lazyGetter(this, "StoragePanel", () => require("devtools/client/storage/panel").StoragePanel);
|
|
loader.lazyGetter(this, "ScratchpadPanel", () => require("devtools/client/scratchpad/panel").ScratchpadPanel);
|
|
loader.lazyGetter(this, "DomPanel", () => require("devtools/client/dom/panel").DomPanel);
|
|
loader.lazyGetter(this, "AccessibilityPanel", () => require("devtools/client/accessibility/panel").AccessibilityPanel);
|
|
loader.lazyGetter(this, "ApplicationPanel", () => require("devtools/client/application/panel").ApplicationPanel);
|
|
loader.lazyGetter(this, "reloadAndRecordTab", () => require("devtools/client/webreplay/menu.js").reloadAndRecordTab);
|
|
loader.lazyGetter(this, "reloadAndStopRecordingTab", () => require("devtools/client/webreplay/menu.js").reloadAndStopRecordingTab);
|
|
|
|
// Other dependencies
|
|
loader.lazyRequireGetter(this, "AccessibilityStartup", "devtools/client/accessibility/accessibility-startup", true);
|
|
loader.lazyRequireGetter(this, "ResponsiveUIManager", "devtools/client/responsive.html/manager", true);
|
|
loader.lazyImporter(this, "ScratchpadManager", "resource://devtools/client/scratchpad/scratchpad-manager.jsm");
|
|
|
|
const {MultiLocalizationHelper} = require("devtools/shared/l10n");
|
|
const L10N = new MultiLocalizationHelper(
|
|
"devtools/client/locales/startup.properties",
|
|
"devtools/startup/locales/key-shortcuts.properties"
|
|
);
|
|
|
|
var Tools = {};
|
|
exports.Tools = Tools;
|
|
|
|
// Definitions
|
|
Tools.options = {
|
|
id: "options",
|
|
ordinal: 0,
|
|
url: "chrome://devtools/content/framework/toolbox-options.xhtml",
|
|
icon: "chrome://devtools/skin/images/tool-options.svg",
|
|
bgTheme: "theme-body",
|
|
label: l10n("options.label"),
|
|
iconOnly: true,
|
|
panelLabel: l10n("options.panelLabel"),
|
|
tooltip: l10n("optionsButton.tooltip"),
|
|
inMenu: false,
|
|
|
|
isTargetSupported: function() {
|
|
return true;
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new OptionsPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.inspector = {
|
|
id: "inspector",
|
|
accesskey: l10n("inspector.accesskey"),
|
|
ordinal: 1,
|
|
icon: "chrome://devtools/skin/images/tool-inspector.svg",
|
|
url: "chrome://devtools/content/inspector/index.xhtml",
|
|
label: l10n("inspector.label"),
|
|
panelLabel: l10n("inspector.panelLabel"),
|
|
get tooltip() {
|
|
if (osString == "Darwin") {
|
|
const cmdShiftC = "Cmd+Shift+" + l10n("inspector.commandkey");
|
|
const cmdOptC = "Cmd+Opt+" + l10n("inspector.commandkey");
|
|
return l10n("inspector.mac.tooltip", cmdShiftC, cmdOptC);
|
|
}
|
|
|
|
return l10n("inspector.tooltip2", "Ctrl+Shift+") + l10n("inspector.commandkey");
|
|
},
|
|
inMenu: true,
|
|
|
|
preventClosingOnKey: true,
|
|
onkey: function(panel, toolbox) {
|
|
toolbox.highlighterUtils.togglePicker();
|
|
},
|
|
|
|
isTargetSupported: function(target) {
|
|
return target.hasActor("inspector");
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new InspectorPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
Tools.webConsole = {
|
|
id: "webconsole",
|
|
accesskey: l10n("webConsoleCmd.accesskey"),
|
|
ordinal: 2,
|
|
url: "chrome://devtools/content/webconsole/index.html",
|
|
icon: "chrome://devtools/skin/images/tool-webconsole.svg",
|
|
label: l10n("ToolboxTabWebconsole.label"),
|
|
menuLabel: l10n("MenuWebconsole.label"),
|
|
panelLabel: l10n("ToolboxWebConsole.panelLabel"),
|
|
get tooltip() {
|
|
return l10n("ToolboxWebconsole.tooltip2",
|
|
(osString == "Darwin" ? "Cmd+Opt+" : "Ctrl+Shift+") +
|
|
l10n("webconsole.commandkey"));
|
|
},
|
|
inMenu: true,
|
|
|
|
preventClosingOnKey: true,
|
|
onkey: function(panel, toolbox) {
|
|
if (toolbox.splitConsole) {
|
|
return toolbox.focusConsoleInput();
|
|
}
|
|
|
|
panel.focusInput();
|
|
return undefined;
|
|
},
|
|
|
|
isTargetSupported: function() {
|
|
return true;
|
|
},
|
|
build: function(iframeWindow, toolbox) {
|
|
return new WebConsolePanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.jsdebugger = {
|
|
id: "jsdebugger",
|
|
accesskey: l10n("debuggerMenu.accesskey"),
|
|
ordinal: 3,
|
|
icon: "chrome://devtools/skin/images/tool-debugger.svg",
|
|
url: "chrome://devtools/content/debugger/new/index.html",
|
|
label: l10n("ToolboxDebugger.label"),
|
|
panelLabel: l10n("ToolboxDebugger.panelLabel"),
|
|
get tooltip() {
|
|
return l10n("ToolboxDebugger.tooltip2");
|
|
},
|
|
inMenu: true,
|
|
isTargetSupported: function() {
|
|
return true;
|
|
},
|
|
build: function(iframeWindow, toolbox) {
|
|
return new NewDebuggerPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.styleEditor = {
|
|
id: "styleeditor",
|
|
ordinal: 4,
|
|
visibilityswitch: "devtools.styleeditor.enabled",
|
|
accesskey: l10n("open.accesskey"),
|
|
icon: "chrome://devtools/skin/images/tool-styleeditor.svg",
|
|
url: "chrome://devtools/content/styleeditor/index.xul",
|
|
label: l10n("ToolboxStyleEditor.label"),
|
|
panelLabel: l10n("ToolboxStyleEditor.panelLabel"),
|
|
get tooltip() {
|
|
return l10n("ToolboxStyleEditor.tooltip3",
|
|
"Shift+" + functionkey(l10n("styleeditor.commandkey")));
|
|
},
|
|
inMenu: true,
|
|
isTargetSupported: function(target) {
|
|
return target.hasActor("styleSheets");
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new StyleEditorPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.shaderEditor = {
|
|
id: "shadereditor",
|
|
ordinal: 5,
|
|
visibilityswitch: "devtools.shadereditor.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-shadereditor.svg",
|
|
url: "chrome://devtools/content/shadereditor/index.xul",
|
|
label: l10n("ToolboxShaderEditor.label"),
|
|
panelLabel: l10n("ToolboxShaderEditor.panelLabel"),
|
|
tooltip: l10n("ToolboxShaderEditor.tooltip"),
|
|
|
|
isTargetSupported: function(target) {
|
|
return target.hasActor("webgl") && !target.chrome;
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
const { BrowserLoader } = Cu.import("resource://devtools/client/shared/browser-loader.js", {});
|
|
const browserRequire = BrowserLoader({
|
|
baseURI: "resource://devtools/client/shadereditor/",
|
|
window: iframeWindow,
|
|
}).require;
|
|
const { ShaderEditorPanel } = browserRequire("devtools/client/shadereditor/panel");
|
|
return new ShaderEditorPanel(toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.canvasDebugger = {
|
|
id: "canvasdebugger",
|
|
ordinal: 6,
|
|
visibilityswitch: "devtools.canvasdebugger.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-canvas.svg",
|
|
url: "chrome://devtools/content/canvasdebugger/index.xul",
|
|
label: l10n("ToolboxCanvasDebugger.label"),
|
|
panelLabel: l10n("ToolboxCanvasDebugger.panelLabel"),
|
|
tooltip: l10n("ToolboxCanvasDebugger.tooltip"),
|
|
|
|
// Hide the Canvas Debugger in the Add-on Debugger and Browser Toolbox
|
|
// (bug 1047520).
|
|
isTargetSupported: function(target) {
|
|
return target.hasActor("canvas") && !target.chrome;
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new CanvasDebuggerPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.performance = {
|
|
id: "performance",
|
|
ordinal: 7,
|
|
icon: "chrome://devtools/skin/images/tool-profiler.svg",
|
|
visibilityswitch: "devtools.performance.enabled",
|
|
label: l10n("performance.label"),
|
|
panelLabel: l10n("performance.panelLabel"),
|
|
get tooltip() {
|
|
return l10n("performance.tooltip", "Shift+" +
|
|
functionkey(l10n("performance.commandkey")));
|
|
},
|
|
accesskey: l10n("performance.accesskey"),
|
|
inMenu: true,
|
|
};
|
|
|
|
function switchPerformancePanel() {
|
|
if (Services.prefs.getBoolPref("devtools.performance.new-panel-enabled", false)) {
|
|
Tools.performance.url = "chrome://devtools/content/performance-new/index.xhtml";
|
|
Tools.performance.build = function(frame, target) {
|
|
return new NewPerformancePanel(frame, target);
|
|
};
|
|
Tools.performance.isTargetSupported = function(target) {
|
|
// Root actors are lazily initialized, so we can't check if the target has
|
|
// the perf actor yet. Also this function is not async, so we can't initialize
|
|
// the actor yet.
|
|
// We don't display the new performance panel for remote context in the
|
|
// toolbox, because this has an overhead. Instead we should use WebIDE (or
|
|
// the coming about:debugging).
|
|
return target.isLocalTab;
|
|
};
|
|
} else {
|
|
Tools.performance.url = "chrome://devtools/content/performance/index.xul";
|
|
Tools.performance.build = function(frame, target) {
|
|
return new PerformancePanel(frame, target);
|
|
};
|
|
Tools.performance.isTargetSupported = function(target) {
|
|
return target.hasActor("performance");
|
|
};
|
|
}
|
|
}
|
|
switchPerformancePanel();
|
|
|
|
Services.prefs.addObserver(
|
|
"devtools.performance.new-panel-enabled",
|
|
{ observe: switchPerformancePanel }
|
|
);
|
|
|
|
Tools.memory = {
|
|
id: "memory",
|
|
ordinal: 8,
|
|
icon: "chrome://devtools/skin/images/tool-memory.svg",
|
|
url: "chrome://devtools/content/memory/index.xhtml",
|
|
visibilityswitch: "devtools.memory.enabled",
|
|
label: l10n("memory.label"),
|
|
panelLabel: l10n("memory.panelLabel"),
|
|
tooltip: l10n("memory.tooltip"),
|
|
|
|
isTargetSupported: function(target) {
|
|
return target.getTrait("heapSnapshots") && !target.isAddon
|
|
&& !target.isWorkerTarget;
|
|
},
|
|
|
|
build: function(frame, target) {
|
|
return new MemoryPanel(frame, target);
|
|
},
|
|
};
|
|
|
|
Tools.netMonitor = {
|
|
id: "netmonitor",
|
|
accesskey: l10n("netmonitor.accesskey"),
|
|
ordinal: 9,
|
|
visibilityswitch: "devtools.netmonitor.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-network.svg",
|
|
url: "chrome://devtools/content/netmonitor/index.html",
|
|
label: l10n("netmonitor.label"),
|
|
panelLabel: l10n("netmonitor.panelLabel"),
|
|
get tooltip() {
|
|
return l10n("netmonitor.tooltip2",
|
|
(osString == "Darwin" ? "Cmd+Opt+" : "Ctrl+Shift+") +
|
|
l10n("netmonitor.commandkey"));
|
|
},
|
|
inMenu: true,
|
|
|
|
isTargetSupported: function(target) {
|
|
return target.getTrait("networkMonitor") && !target.isWorkerTarget;
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new NetMonitorPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.storage = {
|
|
id: "storage",
|
|
ordinal: 10,
|
|
accesskey: l10n("storage.accesskey"),
|
|
visibilityswitch: "devtools.storage.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-storage.svg",
|
|
url: "chrome://devtools/content/storage/index.xul",
|
|
label: l10n("storage.label"),
|
|
menuLabel: l10n("storage.menuLabel"),
|
|
panelLabel: l10n("storage.panelLabel"),
|
|
get tooltip() {
|
|
return l10n("storage.tooltip3", "Shift+" +
|
|
functionkey(l10n("storage.commandkey")));
|
|
},
|
|
inMenu: true,
|
|
|
|
isTargetSupported: function(target) {
|
|
return target.isLocalTab ||
|
|
(target.hasActor("storage") && target.getTrait("storageInspector"));
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new StoragePanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.webAudioEditor = {
|
|
id: "webaudioeditor",
|
|
ordinal: 11,
|
|
visibilityswitch: "devtools.webaudioeditor.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-webaudio.svg",
|
|
url: "chrome://devtools/content/webaudioeditor/index.xul",
|
|
label: l10n("ToolboxWebAudioEditor1.label"),
|
|
panelLabel: l10n("ToolboxWebAudioEditor1.panelLabel"),
|
|
tooltip: l10n("ToolboxWebAudioEditor1.tooltip"),
|
|
|
|
isTargetSupported: function(target) {
|
|
return !target.chrome && target.hasActor("webaudio");
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new WebAudioEditorPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.scratchpad = {
|
|
id: "scratchpad",
|
|
ordinal: 12,
|
|
visibilityswitch: "devtools.scratchpad.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-scratchpad.svg",
|
|
url: "chrome://devtools/content/scratchpad/index.xul",
|
|
label: l10n("scratchpad.label"),
|
|
panelLabel: l10n("scratchpad.panelLabel"),
|
|
tooltip: l10n("scratchpad.tooltip"),
|
|
inMenu: false,
|
|
isTargetSupported: function(target) {
|
|
return target.hasActor("console");
|
|
},
|
|
build: function(iframeWindow, toolbox) {
|
|
return new ScratchpadPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.dom = {
|
|
id: "dom",
|
|
accesskey: l10n("dom.accesskey"),
|
|
ordinal: 13,
|
|
visibilityswitch: "devtools.dom.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-dom.svg",
|
|
url: "chrome://devtools/content/dom/index.html",
|
|
label: l10n("dom.label"),
|
|
panelLabel: l10n("dom.panelLabel"),
|
|
get tooltip() {
|
|
return l10n("dom.tooltip",
|
|
(osString == "Darwin" ? "Cmd+Opt+" : "Ctrl+Shift+") +
|
|
l10n("dom.commandkey"));
|
|
},
|
|
inMenu: true,
|
|
|
|
isTargetSupported: function(target) {
|
|
return target.getTrait("webConsoleCommands");
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new DomPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.accessibility = {
|
|
id: "accessibility",
|
|
accesskey: l10n("accessibility.accesskey"),
|
|
ordinal: 14,
|
|
modifiers: osString == "Darwin" ? "accel,alt" : "accel,shift",
|
|
visibilityswitch: "devtools.accessibility.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-accessibility.svg",
|
|
url: "chrome://devtools/content/accessibility/index.html",
|
|
label: l10n("accessibility.label"),
|
|
panelLabel: l10n("accessibility.panelLabel"),
|
|
get tooltip() {
|
|
return l10n("accessibility.tooltip3",
|
|
"Shift+" + functionkey(l10n("accessibilityF12.commandkey")));
|
|
},
|
|
inMenu: true,
|
|
|
|
isTargetSupported(target) {
|
|
return target.hasActor("accessibility");
|
|
},
|
|
|
|
build(iframeWindow, toolbox) {
|
|
const startup = toolbox.getToolStartup("accessibility");
|
|
return new AccessibilityPanel(iframeWindow, toolbox, startup);
|
|
},
|
|
|
|
buildToolStartup(toolbox) {
|
|
return new AccessibilityStartup(toolbox);
|
|
},
|
|
};
|
|
|
|
Tools.application = {
|
|
id: "application",
|
|
ordinal: 15,
|
|
visibilityswitch: "devtools.application.enabled",
|
|
icon: "chrome://devtools/skin/images/tool-application.svg",
|
|
url: "chrome://devtools/content/application/index.html",
|
|
label: l10n("application.label"),
|
|
panelLabel: l10n("application.panellabel"),
|
|
tooltip: l10n("application.tooltip"),
|
|
inMenu: false,
|
|
hiddenInOptions: true,
|
|
|
|
isTargetSupported: function(target) {
|
|
return target.isLocalTab;
|
|
},
|
|
|
|
build: function(iframeWindow, toolbox) {
|
|
return new ApplicationPanel(iframeWindow, toolbox);
|
|
},
|
|
};
|
|
|
|
var defaultTools = [
|
|
Tools.options,
|
|
Tools.webConsole,
|
|
Tools.inspector,
|
|
Tools.jsdebugger,
|
|
Tools.styleEditor,
|
|
Tools.shaderEditor,
|
|
Tools.canvasDebugger,
|
|
Tools.webAudioEditor,
|
|
Tools.performance,
|
|
Tools.netMonitor,
|
|
Tools.storage,
|
|
Tools.scratchpad,
|
|
Tools.memory,
|
|
Tools.dom,
|
|
Tools.accessibility,
|
|
Tools.application,
|
|
];
|
|
|
|
exports.defaultTools = defaultTools;
|
|
|
|
Tools.darkTheme = {
|
|
id: "dark",
|
|
label: l10n("options.darkTheme.label2"),
|
|
ordinal: 1,
|
|
stylesheets: ["chrome://devtools/skin/dark-theme.css"],
|
|
classList: ["theme-dark"],
|
|
};
|
|
|
|
Tools.lightTheme = {
|
|
id: "light",
|
|
label: l10n("options.lightTheme.label2"),
|
|
ordinal: 2,
|
|
stylesheets: ["chrome://devtools/skin/light-theme.css"],
|
|
classList: ["theme-light"],
|
|
};
|
|
|
|
exports.defaultThemes = [
|
|
Tools.darkTheme,
|
|
Tools.lightTheme,
|
|
];
|
|
|
|
// White-list buttons that can be toggled to prevent adding prefs for
|
|
// addons that have manually inserted toolbarbuttons into DOM.
|
|
// (By default, supported target is only local tab)
|
|
exports.ToolboxButtons = [
|
|
{ id: "command-button-paintflashing",
|
|
description: l10n("toolbox.buttons.paintflashing"),
|
|
isTargetSupported: target => target.isLocalTab,
|
|
onClick(event, toolbox) {
|
|
toolbox.togglePaintFlashing();
|
|
},
|
|
isChecked(toolbox) {
|
|
return toolbox.isPaintFlashing;
|
|
},
|
|
},
|
|
{ id: "command-button-scratchpad",
|
|
description: l10n("toolbox.buttons.scratchpad"),
|
|
isTargetSupported: target => target.isLocalTab,
|
|
onClick(event, toolbox) {
|
|
ScratchpadManager.openScratchpad();
|
|
},
|
|
},
|
|
{
|
|
id: "command-button-replay",
|
|
description: l10n("toolbox.buttons.replay"),
|
|
isTargetSupported: target =>
|
|
Services.prefs.getBoolPref("devtools.recordreplay.mvp.enabled")
|
|
&& !target.canRewind
|
|
&& target.isLocalTab,
|
|
onClick: () => reloadAndRecordTab(),
|
|
isChecked: () => false,
|
|
},
|
|
{
|
|
id: "command-button-stop-replay",
|
|
description: l10n("toolbox.buttons.stopReplay"),
|
|
isTargetSupported: target =>
|
|
Services.prefs.getBoolPref("devtools.recordreplay.mvp.enabled")
|
|
&& target.canRewind
|
|
&& target.isLocalTab,
|
|
onClick: () => reloadAndStopRecordingTab(),
|
|
isChecked: () => true,
|
|
},
|
|
{ id: "command-button-responsive",
|
|
description: l10n("toolbox.buttons.responsive",
|
|
osString == "Darwin" ? "Cmd+Opt+M" : "Ctrl+Shift+M"),
|
|
isTargetSupported: target => target.isLocalTab,
|
|
onClick(event, toolbox) {
|
|
const tab = toolbox.target.tab;
|
|
const browserWindow = tab.ownerDocument.defaultView;
|
|
ResponsiveUIManager.toggle(browserWindow, tab, { trigger: "toolbox" });
|
|
},
|
|
isChecked(toolbox) {
|
|
if (!toolbox.target.tab) {
|
|
return false;
|
|
}
|
|
return ResponsiveUIManager.isActiveForTab(toolbox.target.tab);
|
|
},
|
|
setup(toolbox, onChange) {
|
|
ResponsiveUIManager.on("on", onChange);
|
|
ResponsiveUIManager.on("off", onChange);
|
|
},
|
|
teardown(toolbox, onChange) {
|
|
ResponsiveUIManager.off("on", onChange);
|
|
ResponsiveUIManager.off("off", onChange);
|
|
},
|
|
},
|
|
{ id: "command-button-screenshot",
|
|
description: l10n("toolbox.buttons.screenshot"),
|
|
isTargetSupported: target => !target.chrome && target.hasActor("screenshot"),
|
|
async onClick(event, toolbox) {
|
|
// Special case for screenshot button to check for clipboard preference
|
|
const clipboardEnabled = Services.prefs
|
|
.getBoolPref("devtools.screenshot.clipboard.enabled");
|
|
const args = { fullpage: true, file: true };
|
|
if (clipboardEnabled) {
|
|
args.clipboard = true;
|
|
}
|
|
const screenshotFront = await toolbox.target.getFront("screenshot");
|
|
await screenshotFront.captureAndSave(toolbox.win, args);
|
|
},
|
|
},
|
|
createHighlightButton("RulersHighlighter", "rulers"),
|
|
createHighlightButton("MeasuringToolHighlighter", "measure"),
|
|
];
|
|
|
|
function createHighlightButton(highlighterName, id) {
|
|
return {
|
|
id: `command-button-${id}`,
|
|
description: l10n(`toolbox.buttons.${id}`),
|
|
isTargetSupported: target => !target.chrome,
|
|
async onClick(event, toolbox) {
|
|
const highlighter =
|
|
await toolbox.highlighterUtils.getOrCreateHighlighterByType(highlighterName);
|
|
if (highlighter.isShown()) {
|
|
return highlighter.hide();
|
|
}
|
|
// Starting with FF63, higlighter's spec accept a null first argument.
|
|
// Still pass an empty object to fake a domnode front in order to support old
|
|
// servers.
|
|
return highlighter.show({});
|
|
},
|
|
isChecked(toolbox) {
|
|
const highlighter = toolbox.highlighterUtils.getKnownHighlighter(highlighterName);
|
|
return highlighter && highlighter.isShown();
|
|
},
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Lookup l10n string from a string bundle.
|
|
*
|
|
* @param {string} name
|
|
* The key to lookup.
|
|
* @param {...string} args
|
|
* Optional format argument.
|
|
* @returns A localized version of the given key.
|
|
*/
|
|
function l10n(name, ...args) {
|
|
try {
|
|
return args ? L10N.getFormatStr(name, ...args) : L10N.getStr(name);
|
|
} catch (ex) {
|
|
console.log("Error reading '" + name + "'");
|
|
throw new Error("l10n error with " + name);
|
|
}
|
|
}
|
|
|
|
function functionkey(shortkey) {
|
|
return shortkey.split("_")[1];
|
|
}
|