Bug 1581418 - Include more properties when logging objects, r=jlast.

Differential Revision: https://phabricator.services.mozilla.com/D45961

--HG--
rename : devtools/client/webreplay/mochitest/browser_dbg_rr_console_warp-03.js => devtools/client/webreplay/mochitest/browser_rr_object_preview-01.js
extra : source : ece44b8f51e43f9dcb56a592cb4e5205f8ce19e6
This commit is contained in:
Brian Hackett 2019-09-16 22:48:15 +00:00
Родитель f9580519b8
Коммит 9e43080ec9
15 изменённых файлов: 566 добавлений и 337 удалений

Просмотреть файл

@ -33,9 +33,11 @@ support-files =
[browser_dbg_rr_replay-03.js]
[browser_dbg_rr_console_warp-01.js]
[browser_dbg_rr_console_warp-02.js]
[browser_dbg_rr_console_warp-03.js]
[browser_dbg_rr_logpoint-01.js]
[browser_dbg_rr_logpoint-02.js]
[browser_dbg_rr_logpoint-03.js]
[browser_rr_inspector-01.js]
[browser_rr_inspector-02.js]
[browser_rr_inspector-03.js]
[browser_rr_object_preview-01.js]
[browser_rr_object_preview-02.js]

Просмотреть файл

@ -0,0 +1,38 @@
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
/* eslint-disable no-undef */
"use strict";
// Test event logpoints when replaying.
add_task(async function() {
await pushPref("devtools.debugger.features.log-event-breakpoints", true);
const dbg = await attachRecordingDebugger("doc_events.html", {
waitForRecording: true,
});
const console = await getDebuggerSplitConsole(dbg);
const hud = console.hud;
await dbg.actions.addEventListenerBreakpoints(["event.mouse.mousedown"]);
const msg = await waitForMessage(hud, "mousedown");
// The message's inline preview should contain useful properties.
const regexps = [
/target: HTMLDivElement/,
/clientX: \d+/,
/clientY: \d+/,
/layerX: \d+/,
/layerY: \d+/,
];
for (const regexp of regexps) {
ok(regexp.test(msg.textContent), `Message text includes ${regexp}`);
}
// When expanded, other properties should be visible.
await checkMessageObjectContents(msg, ["altKey: false", "bubbles: true"]);
await shutdownDebugger(dbg);
});

Просмотреть файл

@ -6,51 +6,13 @@
"use strict";
const BrowserTest = {
gTestPath,
ok,
is,
registerCleanupFunction,
waitForExplicitFinish,
BrowserTestUtils,
};
Services.scriptloader.loadSubScript(
"chrome://mochitests/content/browser/devtools/client/webconsole/test/browser/head.js",
BrowserTest
);
async function checkMessageObjectContents(msg, expected, expandList = []) {
const oi = msg.querySelector(".tree");
const node = oi.querySelector(".tree-node");
BrowserTest.expandObjectInspectorNode(node);
for (const label of expandList) {
const labelNode = await waitFor(() =>
BrowserTest.findObjectInspectorNode(oi, label)
);
BrowserTest.expandObjectInspectorNode(labelNode);
}
const properties = await waitFor(() => {
const nodes = BrowserTest.getObjectInspectorNodes(oi);
if (nodes && nodes.length > 1) {
return [...nodes].map(n => n.textContent);
}
return null;
});
expected.forEach(s => {
ok(properties.find(v => v.includes(s)), `Object contents include "${s}"`);
});
}
function checkJumpIcon(msg) {
const jumpIcon = msg.querySelector(".jump-definition");
ok(jumpIcon, "Found a jump icon");
}
// Test evaluating various expressions in the console after time warping.
// Test the objects produced by console.log() calls and by evaluating various
// expressions in the console after time warping.
add_task(async function() {
const dbg = await attachRecordingDebugger("doc_rr_objects.html", {
waitForRecording: true,
@ -63,18 +25,24 @@ add_task(async function() {
await waitForMessage(hud, "Array(20) [ 0, 1, 2, 3, 4, 5,");
await waitForMessage(hud, "Uint8Array(20) [ 0, 1, 2, 3, 4, 5,");
await waitForMessage(hud, "Set(22) [ null, null, 0, 1, 2, 3, 4, 5,");
await waitForMessage(hud, "Set(22) [ {…}, {…}, 0, 1, 2, 3, 4, 5,");
await waitForMessage(
hud,
"Map(21) { {…} → {…}, 0 → 1, 1 → 2, 2 → 3, 3 → 4, 4 → 5,"
);
await waitForMessage(hud, "WeakSet(10)");
await waitForMessage(hud, "WeakMap(10)");
await waitForMessage(hud, "WeakSet(20) [ {…}, {…}, {…},");
await waitForMessage(hud, "WeakMap(20) { {…} → {…}, {…} → {…},");
await waitForMessage(
hud,
"Object { a: 0, a0: 0, a1: 1, a2: 2, a3: 3, a4: 4,"
);
await waitForMessage(hud, "/abc/gi");
await waitForMessage(hud, "Date");
// Note: this message has an associated stack but we don't have an easy way to
// check its contents as BrowserTest.checkMessageStack requires the stack to
// be collapsed.
await waitForMessage(hud, 'RangeError: "foo"');
msg = await waitForMessage(hud, "function bar()");
checkJumpIcon(msg);

Просмотреть файл

@ -0,0 +1,44 @@
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
/* eslint-disable no-undef */
"use strict";
// Inspecting objects can lead to uncaught rejections when shutting down.
PromiseTestUtils.whitelistRejectionsGlobally(
/can't be sent as the connection just closed/
);
function findNode(dbg, text) {
for (let index = 0; ; index++) {
const elem = findElement(dbg, "scopeNode", index);
if (elem && elem.innerText == text) {
return elem;
}
}
}
function toggleNode(dbg, text) {
return toggleObjectInspectorNode(findNode(dbg, text));
}
// Test that objects show up correctly in the scope pane.
add_task(async function() {
const dbg = await attachRecordingDebugger("doc_rr_objects.html", {
waitForRecording: true,
});
const console = await getDebuggerSplitConsole(dbg);
const hud = console.hud;
await warpToMessage(hud, dbg, "Done");
// We should be able to expand the window and see its properties.
await toggleNode(dbg, "<this>");
findNode(dbg, "bar()");
findNode(dbg, "baz()");
await shutdownDebugger(dbg);
});

Просмотреть файл

@ -0,0 +1,18 @@
<script src="/tests/SimpleTest/EventUtils.js"></script>
<div id="divvy">Hello World!</div>
<script>
const cpmm = SpecialPowers.Services.cpmm;
function recordingFinished() {
cpmm.sendAsyncMessage("RecordingFinished");
}
const divvy = document.getElementById("divvy");
divvy.addEventListener("mousedown", e => {
divvy.innerText = "Goodbye World!";
window.setTimeout(recordingFinished);
});
window.setTimeout(() => {
synthesizeMouseAtCenter(divvy, {});
});
</script>

Просмотреть файл

@ -29,7 +29,7 @@ for (let i = 0; i < 20; i++) {
}
var h = /abc/gi;
var i = new Date();
var j = RangeError();
var j = RangeError("foo");
var k = document.getElementById("foo");
var l = bar;
console.log(a);

Просмотреть файл

@ -189,6 +189,46 @@ async function warpToMessage(hud, dbg, text) {
}
}
// For tests that need webconsole test features.
const BrowserTest = {
gTestPath,
ok,
is,
registerCleanupFunction,
waitForExplicitFinish,
BrowserTestUtils,
};
Services.scriptloader.loadSubScript(
"chrome://mochitests/content/browser/devtools/client/webconsole/test/browser/head.js",
BrowserTest
);
async function checkMessageObjectContents(msg, expected, expandList = []) {
const oi = msg.querySelector(".tree");
const node = oi.querySelector(".tree-node");
BrowserTest.expandObjectInspectorNode(node);
for (const label of expandList) {
const labelNode = await waitFor(() =>
BrowserTest.findObjectInspectorNode(oi, label)
);
BrowserTest.expandObjectInspectorNode(labelNode);
}
const properties = await waitFor(() => {
const nodes = BrowserTest.getObjectInspectorNodes(oi);
if (nodes && nodes.length > 1) {
return [...nodes].map(n => n.textContent);
}
return null;
});
expected.forEach(s => {
ok(properties.find(v => v.includes(s)), `Object contents include "${s}"`);
});
}
const { PromiseTestUtils } = ChromeUtils.import(
"resource://testing-common/PromiseTestUtils.jsm"
);

Просмотреть файл

@ -132,7 +132,10 @@ const previewers = {
RegExp: [
function({ obj, hooks }, grip) {
const str = ObjectUtils.getRegExpString(obj);
const str = DevToolsUtils.callPropertyOnObject(obj, "toString");
if (typeof str != "string") {
return false;
}
grip.displayString = hooks.createValueGrip(str);
return true;
@ -141,7 +144,7 @@ const previewers = {
Date: [
function({ obj, hooks }, grip) {
const time = ObjectUtils.getDateTime(obj);
const time = DevToolsUtils.callPropertyOnObject(obj, "getTime");
if (typeof time != "number") {
return false;
}
@ -204,7 +207,10 @@ const previewers = {
Set: [
function(objectActor, grip) {
const size = ObjectUtils.getContainerSize(objectActor.obj);
const size = DevToolsUtils.getProperty(objectActor.obj, "size");
if (typeof size != "number") {
return false;
}
grip.preview = {
kind: "ArrayLike",
@ -256,7 +262,10 @@ const previewers = {
Map: [
function(objectActor, grip) {
const size = ObjectUtils.getContainerSize(objectActor.obj);
const size = DevToolsUtils.getProperty(objectActor.obj, "size");
if (typeof size != "number") {
return false;
}
grip.preview = {
kind: "MapLike",
@ -559,11 +568,21 @@ previewers.Object = [
case "SyntaxError":
case "TypeError":
case "URIError":
grip.preview = { kind: "Error" };
const properties = ObjectUtils.getErrorProperties(obj);
Object.keys(properties).forEach(p => {
grip.preview[p] = hooks.createValueGrip(properties[p]);
});
const name = DevToolsUtils.getProperty(obj, "name");
const msg = DevToolsUtils.getProperty(obj, "message");
const stack = DevToolsUtils.getProperty(obj, "stack");
const fileName = DevToolsUtils.getProperty(obj, "fileName");
const lineNumber = DevToolsUtils.getProperty(obj, "lineNumber");
const columnNumber = DevToolsUtils.getProperty(obj, "columnNumber");
grip.preview = {
kind: "Error",
name: hooks.createValueGrip(name),
message: hooks.createValueGrip(msg),
stack: hooks.createValueGrip(stack),
fileName: hooks.createValueGrip(fileName),
lineNumber: hooks.createValueGrip(lineNumber),
columnNumber: hooks.createValueGrip(columnNumber),
};
return true;
default:
return false;

Просмотреть файл

@ -198,17 +198,13 @@ function getArrayLength(object) {
throw new Error("Expected an array, got a " + object.class);
}
// Real arrays have a reliable `length` own property.
if (object.class === "Array") {
// Real arrays have a reliable `length` own property. When replaying, always
// get the length property, as we can't invoke getters on the proxy returned
// by unsafeDereference().
if (object.class === "Array" || isReplaying) {
return DevToolsUtils.getProperty(object, "length");
}
// When replaying, we use a special API to get typed array lengths. We can't
// invoke getters on the proxy returned by unsafeDereference().
if (isReplaying) {
return object.getTypedArrayLength();
}
// For typed arrays, `DevToolsUtils.getProperty` is not reliable because the `length`
// getter could be shadowed by an own property, and `getOwnPropertyNames` is
// unnecessarily slow. Obtain the `length` getter safely and call it manually.
@ -217,25 +213,6 @@ function getArrayLength(object) {
return getter.call(object.unsafeDereference());
}
/**
* Returns the number of elements in a Set or Map.
*
* @param object Debugger.Object
* The debuggee object of the Set or Map.
* @return Number
*/
function getContainerSize(object) {
if (object.class != "Set" && object.class != "Map") {
throw new Error(`Expected a set/map, got a ${object.class}`);
}
if (isReplaying) {
return object.getContainerSize();
}
return DevToolsUtils.getProperty(object, "size");
}
/**
* Returns true if the parameter is suitable to be an array index.
*
@ -279,41 +256,6 @@ function getStorageLength(object) {
return DevToolsUtils.getProperty(object, "length");
}
// Get the string representation of a Debugger.Object for a RegExp.
function getRegExpString(object) {
if (isReplaying) {
return object.getRegExpString();
}
return DevToolsUtils.callPropertyOnObject(object, "toString");
}
// Get the time associated with a Debugger.Object for a Date.
function getDateTime(object) {
if (isReplaying) {
return object.getDateTime();
}
return DevToolsUtils.callPropertyOnObject(object, "getTime");
}
// Get the properties of a Debugger.Object for an Error which are needed to
// preview the object.
function getErrorProperties(object) {
if (isReplaying) {
return object.getErrorProperties();
}
return {
name: DevToolsUtils.getProperty(object, "name"),
message: DevToolsUtils.getProperty(object, "message"),
stack: DevToolsUtils.getProperty(object, "stack"),
fileName: DevToolsUtils.getProperty(object, "fileName"),
lineNumber: DevToolsUtils.getProperty(object, "lineNumber"),
columnNumber: DevToolsUtils.getProperty(object, "columnNumber"),
};
}
module.exports = {
getPromiseState,
makeDebuggeeValueIfNeeded,
@ -325,9 +267,5 @@ module.exports = {
isStorage,
getArrayLength,
getStorageLength,
getContainerSize,
isArrayIndex,
getRegExpString,
getDateTime,
getErrorProperties,
};

Просмотреть файл

@ -1482,10 +1482,14 @@ async function evaluateLogpoint({ point, text, condition, callback }) {
return { kind: "hitLogpoint", text, condition, skipPauseData };
},
onFinished(child, { pauseData, result, resultData, restoredSnapshot }) {
if (restoredSnapshot && !skipPauseData) {
// Gathering pause data sometimes triggers a snapshot restore.
skipPauseData = true;
sendAsyncManifest(manifest);
if (restoredSnapshot) {
if (!skipPauseData) {
// Gathering pause data sometimes triggers a snapshot restore.
skipPauseData = true;
sendAsyncManifest(manifest);
} else {
callback(point, ["Recording divergence evaluating logpoint"]);
}
} else {
if (result) {
if (!skipPauseData) {

Просмотреть файл

@ -26,6 +26,12 @@ ChromeUtils.defineModuleGetter(
"resource://devtools/shared/execution-point-utils.js"
);
loader.lazyRequireGetter(
this,
"ReplayInspector",
"devtools/server/actors/replay/inspector"
);
///////////////////////////////////////////////////////////////////////////////
// ReplayDebugger
///////////////////////////////////////////////////////////////////////////////
@ -119,7 +125,8 @@ ReplayPool.prototype = {
}
this.getObject(data.id)._preview = {
...preview,
enumerableOwnProperties: mapify(preview.enumerableOwnProperties),
properties: mapify(preview.properties),
callResults: mapify(preview.callResults),
};
}
@ -1107,6 +1114,12 @@ ReplayDebuggerFrame.prototype = {
// ReplayDebuggerObject
///////////////////////////////////////////////////////////////////////////////
// See replay.js
const PropertyLevels = {
BASIC: 1,
FULL: 2,
};
function ReplayDebuggerObject(pool, data) {
this._dbg = pool.dbg;
this._pool = pool;
@ -1173,18 +1186,30 @@ ReplayDebuggerObject.prototype = {
},
unsafeDereference() {
// Direct access to the referent is not currently available.
return null;
if (this.class == "Array") {
// ReplayInspector converts arrays to objects in this process, which we
// don't want to happen.
return null;
}
return ReplayInspector.wrapObject(this);
},
getOwnPropertyNames() {
if (this._preview && this._preview.level >= PropertyLevels.FULL) {
// The preview will include all properties of the object.
return this.getEnumerableOwnPropertyNamesForPreview();
}
this._ensureProperties();
return [...this._properties.keys()];
},
getEnumerableOwnPropertyNamesForPreview() {
if (this._preview && this._preview.enumerableOwnProperties) {
return [...this._preview.enumerableOwnProperties.keys()];
if (this._preview && this._preview.level >= PropertyLevels.BASIC) {
if (!this._preview.properties) {
return [];
}
return [...this._preview.properties.keys()];
}
return this.getOwnPropertyNames();
},
@ -1203,20 +1228,10 @@ ReplayDebuggerObject.prototype = {
getOwnPropertyDescriptor(name) {
name = name.toString();
if (this._preview) {
if (this._preview.enumerableOwnProperties) {
const desc = this._preview.enumerableOwnProperties.get(name);
if (desc) {
return this._convertPropertyDescriptor(desc);
}
}
if (name == "length") {
return this._convertPropertyDescriptor(this._preview.lengthProperty);
}
if (name == "displayName") {
return this._convertPropertyDescriptor(
this._preview.displayNameProperty
);
if (this._preview && this._preview.properties) {
const desc = this._preview.properties.get(name);
if (desc || this._preview.level == PropertyLevels.FULL) {
return this._convertPropertyDescriptor(desc);
}
}
this._ensureProperties();
@ -1230,7 +1245,7 @@ ReplayDebuggerObject.prototype = {
return;
}
const id = this._data.id;
const properties = this._dbg._sendRequestAllowDiverge(
const { properties } = this._dbg._sendRequestAllowDiverge(
{ type: "getObjectProperties", id },
[]
);
@ -1279,6 +1294,19 @@ ReplayDebuggerObject.prototype = {
});
},
replayHasCallResult(name) {
return (
this._preview &&
this._preview.callResults &&
this._preview.callResults.has(name)
);
},
replayCallResult(name) {
const value = this._preview.callResults.get(name);
return this._pool.convertValue(value);
},
unwrap() {
if (!this.isProxy) {
return this;
@ -1320,7 +1348,10 @@ ReplayDebuggerObject.prototype = {
},
apply(thisv, args) {
assert(this._pool == this._dbg._pool);
if (this._pool != this._dbg._pool) {
return undefined;
}
thisv = this._dbg._convertValueForChild(thisv);
args = (args || []).map(v => this._dbg._convertValueForChild(v));
@ -1362,25 +1393,20 @@ ReplayDebuggerObject.prototype = {
return this._data.typedArrayLength;
},
getContainerSize() {
return this._data.containerSize;
},
getRegExpString() {
return this._data.regExpString;
},
getDateTime() {
return this._data.dateTime;
},
getErrorProperties() {
return this._data.errorProperties;
},
makeDebuggeeValue(obj) {
assert(obj instanceof ReplayDebuggerObject);
return obj;
if (obj instanceof ReplayDebuggerObject) {
return obj;
}
const rv = ReplayInspector.unwrapObject(obj);
if (rv) {
return rv;
}
ThrowError("Can't make debuggee value");
return null; // For eslint
},
replayIsInstance(name) {
return this._data.isInstance == name;
},
preventExtensions: NotAllowed,

Просмотреть файл

@ -76,16 +76,6 @@ const ReplayInspector = {
);
},
// Create the CSSRule object to bind for other server users.
createCSSRule(rule) {
return {
...rule,
isInstance(node) {
return gFixedProxy.CSSRule.isInstance(node);
},
};
},
wrapRequireHook(requireHook) {
return (id, require) => {
const rv = requireHook(id, require);
@ -109,8 +99,31 @@ const ReplayInspector = {
getDebuggerObject(node) {
return unwrapValue(node);
},
// For use by ReplayDebugger.
wrapObject,
unwrapObject(obj) {
return proxyMap.get(obj);
},
};
// Objects we need to override isInstance for.
const gOverrideIsInstance = ["CSSRule", "Event"];
for (const name of gOverrideIsInstance) {
ReplayInspector[`create${name}`] = original => ({
...original,
isInstance(obj) {
const unwrapped = proxyMap.get(obj);
if (!unwrapped) {
return original.isInstance(obj);
}
assert(unwrapped instanceof ReplayDebugger.Object);
return unwrapped.replayIsInstance(name);
},
});
}
///////////////////////////////////////////////////////////////////////////////
// Require Substitutions
///////////////////////////////////////////////////////////////////////////////
@ -284,6 +297,7 @@ function unwrapValue(value) {
}
function getObjectProperty(obj, name) {
assert(obj._pool == dbg()._pool);
const rv = dbg()._sendRequestAllowDiverge({
type: "getObjectPropertyValue",
id: obj._data.id,
@ -293,6 +307,7 @@ function getObjectProperty(obj, name) {
}
function setObjectProperty(obj, name, value) {
assert(obj._pool == dbg()._pool);
const rv = dbg()._sendRequestAllowDiverge({
type: "setObjectPropertyValue",
id: obj._data.id,

Просмотреть файл

@ -359,12 +359,12 @@ Services.obs.addObserver(
// Message arguments are preserved as debuggee values.
if (apiMessage.arguments) {
contents.arguments = apiMessage.arguments.map(v => {
return convertValue(makeDebuggeeValue(v));
return makeConvertedDebuggeeValue(v);
});
contents.argumentsData = new PreviewedObjects();
contents.arguments.forEach(v =>
contents.argumentsData.addValue(v, true)
contents.argumentsData.addValue(v, PropertyLevels.FULL)
);
ClearPausedState();
@ -549,36 +549,35 @@ function findAllScriptHits(script, frameIndex, offsets, startpoint, endpoint) {
return allHits;
}
function findChangeFrames(checkpoint, which, kind, frameIndex, maybeScript) {
function findChangeFrames(checkpoint, which, kind) {
const hits = RecordReplayControl.findChangeFrames(checkpoint, which);
return hits
.filter(
hit =>
hit.frameIndex == frameIndex &&
(!maybeScript || hit.script == maybeScript)
)
.map(({ script, progress }) => ({
checkpoint,
progress,
position: { kind, script, frameIndex },
}));
return hits.map(({ script, progress, frameIndex }) => ({
checkpoint,
progress,
position: { kind, script, frameIndex },
}));
}
function findFrameSteps({ targetPoint, breakpointOffsets }) {
const {
checkpoint,
position: { script, frameIndex: targetIndex },
position: { script: targetScript, frameIndex: targetIndex },
} = targetPoint;
const potentialStepsFilter = point => {
const { frameIndex, script } = point.position;
return frameIndex == targetIndex && script == targetScript;
};
// Find the entry point of the frame whose steps contain |targetPoint|.
let entryPoint;
if (targetPoint.position.kind == "EnterFrame") {
entryPoint = targetPoint;
} else {
const entryHits = [
...findChangeFrames(checkpoint, 0, "EnterFrame", targetIndex, script),
...findChangeFrames(checkpoint, 2, "EnterFrame", targetIndex, script),
];
...findChangeFrames(checkpoint, 0, "EnterFrame"),
...findChangeFrames(checkpoint, 2, "EnterFrame"),
].filter(potentialStepsFilter);
// Find the last frame entry or resume for the frame's script preceding the
// target point. Since frames do not span checkpoints the hit must be in the
@ -593,12 +592,8 @@ function findFrameSteps({ targetPoint, breakpointOffsets }) {
}
// Find the exit point of the frame.
const exitHits = findChangeFrames(
checkpoint,
1,
"OnPop",
targetIndex,
script
const exitHits = findChangeFrames(checkpoint, 1, "OnPop").filter(
potentialStepsFilter
);
const exitPoint = findClosestPoint(
exitHits,
@ -611,17 +606,14 @@ function findFrameSteps({ targetPoint, breakpointOffsets }) {
// frame index and happen between the entry and exit points. Any EnterFrame
// points for immediate callees of the frame are also included.
const breakpointHits = findAllScriptHits(
script,
targetScript,
targetIndex,
breakpointOffsets,
checkpoint,
checkpoint + 1
);
const enterFrameHits = findChangeFrames(
checkpoint,
0,
"EnterFrame",
targetIndex + 1
const enterFrameHits = findChangeFrames(checkpoint, 0, "EnterFrame").filter(
point => point.position.frameIndex == targetIndex + 1
);
const steps = breakpointHits.concat(enterFrameHits).filter(point => {
return pointPrecedes(entryPoint, point) && pointPrecedes(point, exitPoint);
@ -636,13 +628,9 @@ function findFrameSteps({ targetPoint, breakpointOffsets }) {
}
function findEventFrameEntry({ checkpoint, progress }) {
const entryHits = findChangeFrames(checkpoint, 0, "EnterFrame", 0);
for (const hit of entryHits) {
if (hit.progress == progress + 1) {
return hit;
}
}
return null;
return findChangeFrames(checkpoint, 0, "EnterFrame").filter(point => {
return point.progress == progress + 1;
})[0];
}
///////////////////////////////////////////////////////////////////////////////
@ -911,6 +899,10 @@ function makeDebuggeeValue(value) {
return value;
}
function makeConvertedDebuggeeValue(value) {
return convertValue(makeDebuggeeValue(value));
}
function getDebuggeeValue(value) {
if (value && typeof value == "object") {
assert(value instanceof Debugger.Object);
@ -1055,10 +1047,10 @@ const gManifestStartHandlers = {
} else {
result = [getDebuggeeValue(rv.throw)];
}
result = result.map(v => convertValue(makeDebuggeeValue(v)));
result = result.map(v => makeConvertedDebuggeeValue(v));
const resultData = new PreviewedObjects();
result.forEach(v => resultData.addValue(v, true));
result.forEach(v => resultData.addValue(v, PropertyLevels.FULL));
RecordReplayControl.manifestFinished({ result, resultData, pauseData });
},
@ -1339,7 +1331,6 @@ function unknownObjectProperties(why) {
];
}
// eslint-disable-next-line complexity
function getObjectData(id) {
const object = gPausedObjects.getObject(id);
if (object instanceof Debugger.Object) {
@ -1385,55 +1376,10 @@ function getObjectData(id) {
if (object.errorColumnNumber) {
rv.errorColumnNumber = object.errorColumnNumber;
}
const raw = object.unsafeDereference();
switch (object.class) {
case "Uint8Array":
case "Uint8ClampedArray":
case "Uint16Array":
case "Uint32Array":
case "Int8Array":
case "Int16Array":
case "Int32Array":
case "Float32Array":
case "Float64Array": {
const typedProto = Object.getPrototypeOf(Uint8Array.prototype);
const { get } = Object.getOwnPropertyDescriptor(typedProto, "length");
rv.typedArrayLength = get.call(raw);
break;
}
case "Set": {
const { get } = Object.getOwnPropertyDescriptor(Set.prototype, "size");
rv.containerSize = get.call(raw);
break;
}
case "Map": {
const { get } = Object.getOwnPropertyDescriptor(Map.prototype, "size");
rv.containerSize = get.call(raw);
break;
}
case "RegExp":
rv.regExpString = RegExp.prototype.toString.call(raw);
break;
case "Date":
rv.dateTime = Date.prototype.getTime.call(raw);
break;
case "Error":
case "EvalError":
case "RangeError":
case "ReferenceError":
case "SyntaxError":
case "TypeError":
case "URIError":
rv.errorProperties = {
name: raw.name,
message: raw.message,
stack: raw.stack,
fileName: raw.fileName,
lineNumber: raw.lineNumber,
columnNumber: raw.columnNumber,
};
break;
if (CSSRule.isInstance(object.unsafeDereference())) {
rv.isInstance = "CSSRule";
} else if (Event.isInstance(object.unsafeDereference())) {
rv.isInstance = "Event";
}
return rv;
}
@ -1451,7 +1397,21 @@ function getObjectData(id) {
throwError(`Unknown object kind: ${object}`);
}
// Return whether to avoid operating on an object due to the likelihood of a
// recording divergence or other bad behavior.
function isBlacklisted(object) {
// Enumerate a Storage object's properties requires the content process to
// synchronously communicate with the UI process, which it can't do.
return object.class == "Storage";
}
function getObjectProperties(object) {
const rv = Object.create(null);
if (isBlacklisted(object)) {
return rv;
}
let names;
try {
names = object.getOwnPropertyNames();
@ -1459,11 +1419,24 @@ function getObjectProperties(object) {
return unknownObjectProperties(e.toString());
}
const rv = Object.create(null);
names.forEach(name => {
// Workaround this test-only getter not reporting exceptions properly.
if (name == "SpecialPowers_wrappedObject") {
return;
}
let desc;
try {
desc = object.getOwnPropertyDescriptor(name);
if (!desc) {
desc = {
name,
desc: {
value: `Unexpected missing property ${name}`,
enumerable: true,
},
};
}
} catch (e) {
desc = { name, desc: { value: "Unknown: " + e, enumerable: true } };
}
@ -1486,24 +1459,24 @@ function getObjectContainerContents(object) {
switch (object.class) {
case "Set": {
const iter = Cu.waiveXrays(Set.prototype.values.call(raw));
return [...iter].map(v => convertValue(makeDebuggeeValue(v)));
return [...iter].map(v => makeConvertedDebuggeeValue(v));
}
case "Map": {
const iter = Cu.waiveXrays(Map.prototype.entries.call(raw));
return [...iter].map(([k, v]) => [
convertValue(makeDebuggeeValue(k)),
convertValue(makeDebuggeeValue(v)),
makeConvertedDebuggeeValue(k),
makeConvertedDebuggeeValue(v),
]);
}
case "WeakSet": {
const keys = ChromeUtils.nondeterministicGetWeakSetKeys(raw);
return keys.map(k => convertValue(makeDebuggeeValue(Cu.waiveXrays(k))));
return keys.map(k => makeConvertedDebuggeeValue(Cu.waiveXrays(k)));
}
case "WeakMap": {
const keys = ChromeUtils.nondeterministicGetWeakMapKeys(raw);
return keys.map(k => [
convertValue(makeDebuggeeValue(k)),
convertValue(makeDebuggeeValue(WeakMap.prototype.get.call(raw, k))),
makeConvertedDebuggeeValue(k),
makeConvertedDebuggeeValue(WeakMap.prototype.get.call(raw, k)),
]);
}
default:
@ -1540,6 +1513,13 @@ function getWindow() {
// object.
const OBJECT_PREVIEW_MAX_ITEMS = 10;
// Levels at which property information can be included in previews.
// If not specified, minimal properties are included.
const PropertyLevels = {
BASIC: 1, // Include enough properties to show an inline preview.
FULL: 2, // Include enough properties to allow the object to be expanded.
};
// A collection of objects which we can send up to the server, along with
// property information so that the server can show a preview for the object.
function PreviewedObjects() {
@ -1548,96 +1528,211 @@ function PreviewedObjects() {
}
PreviewedObjects.prototype = {
addValue(value, includeProperties) {
addValue(value, level) {
if (value && typeof value == "object" && value.object) {
this.addObject(value.object, includeProperties);
this.addObject(value.object, level);
}
},
addObject(id, includeProperties) {
// eslint-disable-next-line complexity
addObject(id, level) {
if (!id) {
return;
}
// If includeProperties is set then previewing the object requires knowledge
// of its enumerable properties.
const needObject = !this.objects[id];
const needProperties =
includeProperties &&
(needObject || !this.objects[id].preview.enumerableOwnProperties);
if (!needObject && !needProperties) {
return;
}
const object = gPausedObjects.getObject(id);
assert(object instanceof Debugger.Object);
const properties = getObjectProperties(object);
const propertyEntries = Object.entries(properties);
if (!this.objects[id]) {
let ownPropertyNamesCount = 0;
try {
ownPropertyNamesCount = object.getOwnPropertyNames().length;
} catch (e) {}
if (needObject) {
this.objects[id] = {
data: getObjectData(id),
preview: {
ownPropertyNamesCount: propertyEntries.length,
},
preview: { ownPropertyNamesCount, level },
};
} else {
const preview = this.objects[id].preview;
// Add some properties (if present) which the server might ask for
// even when it isn't interested in the rest of the properties.
if (properties.length) {
preview.lengthProperty = properties.length;
}
if (properties.displayName) {
preview.displayNameProperty = properties.displayName;
if ((preview.level | 0) >= (level | 0)) {
return;
}
preview.level = level;
}
if (needProperties) {
const preview = this.objects[id].preview;
const { data, preview } = this.objects[id];
// The server is only interested in enumerable properties, and at most
// OBJECT_PREVIEW_MAX_ITEMS of them. Limiting the properties we send to
// only those the server needs avoids having to send the contents of huge
// objects like Windows, most of which will not be used.
const enumerableOwnProperties = Object.create(null);
let enumerablePropertyCount = 0;
for (const [name, desc] of propertyEntries) {
if (desc.enumerable) {
enumerableOwnProperties[name] = desc;
this.addPropertyDescriptor(desc, false);
// If this is a DOM object identified with isInstance, the previewer might
// need additional properties.
if (level == PropertyLevels.BASIC && data.isInstance) {
preview.level = level = PropertyLevels.FULL;
}
// Add intrinsic properties that are always included.
switch (object.class) {
case "Array":
case "Uint8Array":
case "Uint8ClampedArray":
case "Uint16Array":
case "Uint32Array":
case "Int8Array":
case "Int16Array":
case "Int32Array":
case "Float32Array":
case "Float64Array":
this.addObjectPropertyValue(object, "length");
break;
case "Function":
this.addObjectPropertyValue(object, "displayName");
break;
}
if (!level) {
return;
}
const properties = Object.entries(getObjectProperties(object));
// For an inline preview the server is only interested in enumerable
// properties, and at most OBJECT_PREVIEW_MAX_ITEMS of them. Limiting the
// properties we send to only those the server needs avoids having to send
// the contents of huge objects like Windows, most of which will not be
// used. When doing a full property enumeration, include all properties.
let enumerablePropertyCount = 0;
for (const [name, desc] of properties) {
if (level == PropertyLevels.FULL || desc.enumerable) {
this.addObjectProperty(object, name, desc);
if (level == PropertyLevels.BASIC) {
if (++enumerablePropertyCount == OBJECT_PREVIEW_MAX_ITEMS) {
break;
}
}
}
preview.enumerableOwnProperties = enumerableOwnProperties;
}
// The server is interested in at most OBJECT_PREVIEW_MAX_ITEMS items in
// set and map containers.
const containerContents = getObjectContainerContents(object);
if (containerContents) {
preview.containerContents = containerContents.slice(
// The server is interested in at most OBJECT_PREVIEW_MAX_ITEMS items in
// set and map containers.
let containerContents = getObjectContainerContents(object);
if (containerContents) {
if (level == PropertyLevels.BASIC) {
containerContents = containerContents.slice(
0,
OBJECT_PREVIEW_MAX_ITEMS
);
preview.containerContents.forEach(v => this.addContainerValue(v));
}
preview.containerContents = containerContents;
preview.containerContents.forEach(v => this.addContainerValue(v));
}
switch (object.class) {
case "RegExp":
this.addObjectCall(object, "toString");
break;
case "Date":
this.addObjectCall(object, "getTime");
break;
case "Set":
case "Map":
this.addObjectPropertyValue(object, "size");
break;
case "Error":
case "EvalError":
case "RangeError":
case "ReferenceError":
case "SyntaxError":
case "TypeError":
case "URIError":
this.addObjectPropertyValue(object, "name");
this.addObjectPropertyValue(object, "message");
this.addObjectPropertyValue(object, "stack");
this.addObjectPropertyValue(object, "fileName");
this.addObjectPropertyValue(object, "lineNumber");
this.addObjectPropertyValue(object, "columnNumber");
break;
}
// Search the prototype chain for getter properties and fill in their values
// if we are getting all properties of the object.
if (level == PropertyLevels.FULL) {
let { proto } = object;
while (proto) {
let names = [];
try {
names = proto.getOwnPropertyNames();
} catch (e) {}
for (const name of names) {
let desc = null;
try {
desc = proto.getOwnPropertyDescriptor(name);
} catch (e) {}
if (desc && desc.get) {
this.addObjectPropertyValue(object, name);
}
}
proto = proto.proto;
}
}
},
addPropertyDescriptor(desc, includeProperties) {
addObjectPropertyValue(object, name) {
try {
const value = makeConvertedDebuggeeValue(
object.unsafeDereference()[name]
);
this.addObjectProperty(object, name, { value, enumerable: true });
} catch (e) {}
},
addObjectProperty(object, name, desc) {
const id = gPausedObjects.getId(object);
const preview = this.objects[id].preview;
if (!preview.properties) {
preview.properties = Object.create(null);
}
if (name in preview.properties) {
return;
}
this.addPropertyDescriptor(desc);
preview.properties[name] = desc;
},
addObjectCall(object, name) {
const id = gPausedObjects.getId(object);
const preview = this.objects[id].preview;
if (!preview.callResults) {
preview.callResults = Object.create(null);
}
if (name in preview.callResults) {
return;
}
try {
const value = makeConvertedDebuggeeValue(
object.unsafeDereference()[name]()
);
this.addValue(value);
preview.callResults[name] = value;
} catch (e) {}
},
addPropertyDescriptor(desc, level) {
if (desc.value) {
this.addValue(desc.value, includeProperties);
this.addValue(desc.value, level);
}
if (desc.get) {
this.addObject(desc.get, includeProperties);
this.addObject(desc.get, level);
}
if (desc.set) {
this.addObject(desc.set, includeProperties);
this.addObject(desc.set, level);
}
},
@ -1662,7 +1757,7 @@ PreviewedObjects.prototype = {
const names = getEnvironmentNames(env);
this.environments[id] = { data, names };
names.forEach(({ value }) => this.addValue(value, true));
names.forEach(({ value }) => this.addValue(value, PropertyLevels.BASIC));
this.addObject(data.callee);
this.addEnvironment(data.parent);
@ -1712,14 +1807,14 @@ function getPauseData() {
metadata: script.getOffsetMetadata(dbgFrame.offset),
});
addScript(frame.script);
rv.addValue(frame.this, true);
rv.addValue(frame.this, PropertyLevels.BASIC);
if (frame.arguments) {
for (const arg of frame.arguments) {
rv.addValue(arg, true);
rv.addValue(arg, PropertyLevels.BASIC);
}
}
rv.addObject(frame.callee, false);
rv.addEnvironment(frame.environment, true);
rv.addObject(frame.callee, PropertyLevels.NONE);
rv.addEnvironment(frame.environment, PropertyLevels.BASIC);
}
return rv;
@ -1808,7 +1903,7 @@ const gRequestHandlers = {
getObjectProperties(request) {
divergeFromRecording();
const object = gPausedObjects.getObject(request.id);
return getObjectProperties(object);
return { properties: getObjectProperties(object) };
},
getObjectContainerContents(request) {
@ -1820,6 +1915,11 @@ const gRequestHandlers = {
divergeFromRecording();
const obj = gPausedObjects.getObject(request.id);
const thisv = convertValueFromParent(request.thisv);
if (thisv instanceof Debugger.Object && isBlacklisted(thisv)) {
return { return: "Can't call method on blacklisted object" };
}
const args = request.args.map(v => convertValueFromParent(v));
const rv = obj.apply(thisv, args);
return convertCompletionValue(rv);
@ -1893,7 +1993,6 @@ const gRequestHandlers = {
document: getObjectId(makeDebuggeeValue(window.document)),
Services: getObjectId(makeDebuggeeValue(Services)),
InspectorUtils: getObjectId(makeDebuggeeValue(InspectorUtils)),
CSSRule: getObjectId(makeDebuggeeValue(CSSRule)),
};
},
@ -1909,9 +2008,13 @@ const gRequestHandlers = {
divergeFromRecording();
const object = gPausedObjects.getObject(request.id);
if (isBlacklisted(object)) {
return { return: "Can't get blacklisted object property" };
}
try {
const rv = object.unsafeDereference()[request.name];
return { return: convertValue(makeDebuggeeValue(rv)) };
return { return: makeConvertedDebuggeeValue(rv) };
} catch (e) {
return { throw: "" + e };
}

Просмотреть файл

@ -887,6 +887,12 @@ errorOnFlag(exports, "wantVerbose");
// where unsafeDereference will return an opaque security wrapper to the
// referent.
function callPropertyOnObject(object, name, ...args) {
// When replaying, the result of the call may already be known, which avoids
// having to communicate with the replaying process.
if (isReplaying && args.length == 0 && object.replayHasCallResult(name)) {
return object.replayCallResult(name);
}
// Find the property.
let descriptor;
let proto = object;

Просмотреть файл

@ -340,7 +340,6 @@ exports.globals = {
NodeFilter,
DOMRect,
Element,
Event,
FileReader,
FormData,
isWorker: false,
@ -402,10 +401,19 @@ lazyGlobal("indexedDB", () => {
lazyGlobal("isReplaying", () => {
return exports.modules.Debugger.recordReplayProcessKind() == "Middleman";
});
lazyGlobal("CSSRule", () => {
if (exports.modules.Debugger.recordReplayProcessKind() == "Middleman") {
const ReplayInspector = require("devtools/server/actors/replay/inspector");
return ReplayInspector.createCSSRule(CSSRule);
}
return CSSRule;
});
// Globals which the ReplayInspector provides an alternate implementation for.
const inspectorGlobals = {
CSSRule,
Event,
};
for (const [name, value] of Object.entries(inspectorGlobals)) {
lazyGlobal(name, () => {
if (exports.modules.Debugger.recordReplayProcessKind() == "Middleman") {
const ReplayInspector = require("devtools/server/actors/replay/inspector");
return ReplayInspector[`create${name}`](value);
}
return value;
});
}