Revision control
Copy as Markdown
Other Tools
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/* 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
ChromeUtils.defineModuleGetter(this, "BrowserToolboxProcess",
XPCOMUtils.defineLazyGetter(this, "DeveloperToolbar", function() {
var tmp = {};
var DeveloperToolbar = tmp.require("devtools/client/shared/developer-toolbar").DeveloperToolbar;
return new DeveloperToolbar(window);
});
var ResponsiveUI = {
toggle() {
this.ResponsiveUIManager.toggle(window, getBrowser().selectedTab);
}
};
XPCOMUtils.defineLazyGetter(ResponsiveUI, "ResponsiveUIManager", function() {
var tmp = {};
return tmp.ResponsiveUIManager;
});
var Scratchpad = {
openScratchpad() {
return this.ScratchpadManager.openScratchpad();
}
};
XPCOMUtils.defineLazyGetter(Scratchpad, "ScratchpadManager", function() {
var tmp = {};
return tmp.ScratchpadManager;
});
ChromeUtils.defineModuleGetter(this, "gDevTools",
ChromeUtils.defineModuleGetter(this, "gDevToolsBrowser",
function openEyedropper() {
var eyedropper = new this.Eyedropper(this, { context: "menu",
copyOnSelect: true });
eyedropper.open();
}
Object.defineProperty(this, "Eyedropper", {
get() {
var tmp = {};
return tmp.require("devtools/client/eyedropper/eyedropper").Eyedropper;
},
configurable: true,
enumerable: true
});
Object.defineProperty(this, "HUDService", {
get() {
var tmp = {};
return tmp.require("devtools/client/webconsole/hudservice").HUDService;
},
configurable: true,
enumerable: true
});
var gWebDeveloper = {
validateThisPage: function() {
var service = GetLocalizedStringPref("browser.validate.html.service");
var uri = getBrowser().currentURI;
var checkURL = service + encodeURIComponent(uri.spec);
var opentab = Services.prefs.getBoolPref("browser.tabs.opentabfor.middleclick");
openUILinkIn(checkURL, opentab ? "tabfocused" : "window",
{ referrerURI: uri, relatedToCurrent: true });
},
enableDebugger: function(aItem) {
var shouldEnable = aItem.getAttribute("checked") == "true";
Services.prefs.setBoolPref("devtools.debugger.remote-enabled", shouldEnable);
},
handleEvent: function(aEvent) {
switch (aEvent.type) {
case "load":
window.removeEventListener("load", gWebDeveloper);
window.addEventListener("unload", gWebDeveloper);
var popup = document.getElementById("toolsPopup");
popup.addEventListener("popupshowing", gWebDeveloper);
// Don't use gDevToolsBrowser.updateCommandAvailability() at the moment
// because some tools aren't working.
if (!gDevToolsBrowser._old_updateCommandAvailability) {
gDevToolsBrowser._old_updateCommandAvailability = gDevToolsBrowser.updateCommandAvailability;
gDevToolsBrowser.updateCommandAvailability = this.updateCommandAvailability;
}
// Add Devtools menuitems, observers, and listeners
gDevToolsBrowser.registerBrowserWindow(window);
Services.prefs.addObserver(this.devtoolsThemePref, this);
this.updateDevtoolsThemeAttribute();
break;
case "unload":
window.removeEventListener("unload", gWebDeveloper);
gDevToolsBrowser.forgetBrowserWindow(window);
Services.prefs.removeObserver(this.devtoolsThemePref, this);
var desc = Object.getOwnPropertyDescriptor(window, "DeveloperToolbar");
if (desc && !desc.get)
DeveloperToolbar.destroy();
break;
case "popupshowing":
this.initMenuItems();
this.updateCommandAvailability(window);
break;
}
},
initMenuItems: function() {
var menuitem = document.getElementById("validatePage");
var uri = getBrowser().currentURI;
if (uri && (uri.schemeIs("http") || uri.schemeIs("https")))
menuitem.removeAttribute("disabled");
else
menuitem.setAttribute("disabled", true);
var enabled = Services.prefs
.getBoolPref("devtools.debugger.remote-enabled");
document.getElementById("devtoolsDebugger")
.setAttribute("checked", enabled);
},
devtoolsThemePref: "devtools.theme",
observe: function (subject, topic, data) {
if (topic == "nsPref:changed" && data == this.devtoolsThemePref) {
this.updateDevtoolsThemeAttribute();
}
},
updateDevtoolsThemeAttribute: function() {
// Set an attribute on root element to make it possible
// to change colors based on the selected devtools theme.
var devtoolsTheme = Services.prefs.getCharPref(this.devtoolsThemePref);
if (devtoolsTheme != "dark")
devtoolsTheme = "light";
document.documentElement.setAttribute("devtoolstheme", devtoolsTheme);
// document.getElementById("developer-toolbar").setAttribute("devtoolstheme", devtoolsTheme);
},
updateCommandAvailability: function(win) {
var doc = win.document;
function toggleCmd(id, isEnabled) {
var cmd = doc.getElementById(id);
if (isEnabled) {
cmd.removeAttribute("disabled");
cmd.removeAttribute("hidden");
} else {
cmd.setAttribute("disabled", "true");
cmd.setAttribute("hidden", "true");
}
};
// Enable developer toolbar?
var devToolbarEnabled = Services.prefs.getBoolPref("devtools.toolbar.enabled");
toggleCmd("Tools:DevToolbar", devToolbarEnabled);
var focusEl = doc.getElementById("Tools:DevToolbarFocus");
if (devToolbarEnabled)
focusEl.removeAttribute("disabled");
else
focusEl.setAttribute("disabled", "true");
if (devToolbarEnabled && Services.prefs.getBoolPref("devtools.toolbar.visible"))
win.DeveloperToolbar.show(false).catch(console.error);
// Enable Browser Toolbox?
var chromeEnabled = Services.prefs.getBoolPref("devtools.chrome.enabled");
var devtoolsRemoteEnabled = Services.prefs.getBoolPref("devtools.debugger.remote-enabled");
var remoteEnabled = chromeEnabled && devtoolsRemoteEnabled;
toggleCmd("Tools:BrowserToolbox", remoteEnabled);
// Currently "gMultiProcessBrowser" is always falsey.
//toggleCmd("Tools:BrowserContentToolbox", remoteEnabled && win.gMultiProcessBrowser);
toggleCmd("Tools:BrowserContentToolbox", false);
// Enable DevTools connection screen, if the preference allows this.
toggleCmd("Tools:DevToolsConnect", devtoolsRemoteEnabled);
},
}
window.addEventListener("load", gWebDeveloper);