1648615 - Add hotkeys to dump DOM tree and frame tree in layout debugger

Status: RESOLVED FIXED

(Core :: Layout, task)

Description

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

When debugging testcase where the script can crash the browser, it's easier to use hotkey to dump the frame tree than clicking through the menu items before the script runs.

  setTimeout(() => {
    // Modify CSS or DOM that crashes the browser.
  }, 3000);

Comment 1

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

Attachment: Bug 1648615 - Add hotkeys to dump DOM tree and frame tree in layout debugger.

• ctrl+d: Dump DOM tree (content). (Use "d" because "c" is for copy.)
• ctrl+f: Dump frame trees.
• ctrl+p: Dump frame trees in CSS pixels.

On macOS, the modified is cmd instead of ctrl.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/9ab1d1d81000
Add hotkeys to dump DOM tree and frame tree in layout debugger. r=emilio

Comment 3

[Dorel Luca [:dluca]]

https://hg.mozilla.org/mozilla-central/rev/9ab1d1d81000