INTRO
GENERAL
- new colors, photon update
INSPECTOR
- Layout panel, grid inspector improvements
- Layout panel, box model information
- toggle class elements
INTRO
GENERAL
INSPECTOR
hg pull -r COMMIT_SHA1 https://hg.mozilla.org/try |
# HG changeset patch | |
# User Alexandre Poirot <[email protected]> | |
# Date 1504106732 -7200 | |
# Wed Aug 30 17:25:32 2017 +0200 | |
# Node ID 2e82b9d2aabb0cadb122acb5aff6ac8360addca3 | |
# Parent 17c9e17bd049ea981483a28dfd3c483f614189de | |
Bug 1392602 - Copy SDK Loader to devtools. r=jdescottes | |
MozReview-Commit-ID: 6INu38Wqvt |
(DSA = DevTools as System Addon) | |
Setup: The version of DevTools as system addon that I am testing is: | |
- the patches from ship as system addon https://bugzilla.mozilla.org/show_bug.cgi?id=1369801 | |
- the patches from move key-shortcut https://bugzilla.mozilla.org/show_bug.cgi?id=1386616 | |
- the "workaround" from system addons sideloaded don't start https://bugzilla.mozilla.org/show_bug.cgi?id=1386295 | |
Test scenarios | |
- S1: | |
1 - Open Firefox with DSA with a clean profile |
function getRandomColor() { | |
var letters = '0123456789ABCDEF'; | |
var color = '#'; | |
for (var i = 0; i < 6; i++ ) { | |
color += letters[Math.floor(Math.random() * 16)]; | |
} | |
return color; | |
} |
webpack built ca0b70130d2dd4011140 in 9133ms | |
Hash: ca0b70130d2dd4011140 | |
Version: webpack 1.14.0 | |
Time: 9133ms | |
Asset Size Chunks Chunk Names | |
reps.js 2.26 MB 0 reps | |
reps.js.map 2.73 MB 0 reps | |
chunk {0} reps.js, reps.js.map (reps) 2.18 MB [rendered] | |
[0] multi reps 40 bytes {0} [built] | |
[1] ./src/launchpad/index.js 2.5 kB {0} [built] |
let win = this.styleWindow; | |
let selection = win.getSelection(); | |
let computedViewRanges = []; | |
for (let i = 0; i < selection.rangeCount; i++) { | |
let range = selection.getRangeAt(i); | |
if (!range.collapsed) { | |
let ancestor = range.commonAncestorContainer; | |
if (this.element == ancestor || this.element.contains(ancestor)) { | |
console.log("valid range", range); | |
computedViewRanges.push(range); |
<div class="dialog-wrapper"> | |
<h3 class="dialog-head">Set layer opacity<span class="dialog-close">X</span> | |
</h3> | |
<div class="dialog-content" style="padding:10px 20px; font-size:1.5em; overflow: auto;"> | |
<div>Set opacity for <b>Layer 1</b></div> | |
<div style=" | |
margin-top: 10px; | |
/* float: right; */ | |
display: inline-block; |
decodePiskelFile : function (rawPiskel, onSuccess, onError) { | |
try { | |
var serializedPiskel = JSON.parse(rawPiskel); | |
var piskel = serializedPiskel.piskel; | |
pskl.utils.serialization.Deserializer.deserialize(serializedPiskel, function (piskel) { | |
onSuccess(piskel); | |
}); | |
} catch (e) { | |
var layers = []; | |
var isInLayer = false; |