| /** | |
| * Function to get the background color from an image. | |
| * Its just one of the various approaches to get the result. | |
| * Works for most of the cases and should be fast. | |
| * It is advised to perform this kind of computation from a worker. | |
| * | |
| * @param imgEl [object HTMLImageElement] | |
| * The image object for which background is needed. | |
| * @param aDoc [object HTMLDocument] | |
| * The document object. |
| let tempScope = {}; | |
| Components.utils.import("resource:///modules/devtools/Target.jsm", tempScope); | |
| let TargetFactory = tempScope.TargetFactory; | |
| let target = TargetFactory.forTab(gBrowser.selectedTab); | |
| gDevTools.showToolbox(target).then(function(toolbox) { | |
| toolbox.selectTool("inspector").then(function(inspector) { | |
| inspector.selection.setNode(window.content.document.doctype); | |
| }); | |
| }); |
| /** | |
| * Converts any input box on a page to a CSS selector search and suggestion box. | |
| * | |
| * @constructor | |
| * @param {nsIDOMDocument} aContentDocument | |
| * The content document which inspector is attached to. | |
| * @param {nsiInputElement|String} aInputNode | |
| * The input element or the selector for teh input element to which the | |
| * panel will be attached and from where search input will be taken. | |
| * @param {Object} aOptions |
| <div class="loader"> | |
| </div> |
| <div class="loader more"> | |
| </div> |
| /* -sp-context: browser */ | |
| let domUtils = Cc["@mozilla.org/inspector/dom-utils;1"].getService(Ci.inIDOMUtils) | |
| let properties = {}; | |
| domUtils.getCSSPropertyNames(domUtils.INCLUDE_ALIASES) | |
| .sort() | |
| .filter(x=>!x.startsWith("-moz")) | |
| .forEach(x=> { | |
| properties[x] = domUtils.getCSSValuesForProperty(x) | |
| .sort() | |
| .filter(x=>!x.startsWith("-moz")); |
| /** | |
| * Open Browser Toolbox after building your Nightly with the patch from bug 965872 applied. | |
| * Go to Scratchpad Tab | |
| * Run this script | |
| */ | |
| let { devtools } = Cu.import("resource://gre/modules/devtools/Loader.jsm", {}); | |
| let { require } = devtools; | |
| let {StorageFront} = require("devtools/server/actors/storage"); |
A proposal for updating our style inspector and style editor.
For now it is a rough draft put together quickly. It will need to be refined a lot and will require discussions and, later, should be turned into a plan with bugs being filed.
Many of the things described below already work this way today, I just haven't had the chance yet to describe them as such. A list highlighting what exists today, what doesn't and what should be changed has yet to be created.
To achieve 2 main goals:
| var words = ["a", | |
| "abilities", | |
| "ability", | |
| "abilitys", | |
| "able", | |
| "about", | |
| "above", | |
| "absence", | |
| "absolute", | |
| "absolutely", |