[SOLVED] Explore the DOM

[Gloops]

Hello everybody,

I searched "DOM" on the right here from the Thunderbird forum, and the answers I found were most about Firefox.

I spent a certain time, a few years ago, browsing the Thunderbird DOM to write a userChrome.css

For that I used DOM inspector and Element inspector, but that is no more up-to-date it seems.

At a moment I remember we had to find something to open in the file menu, but ... can anybody refresh my memory, and update the informations ?

It seems what I found there is not up-to-date either, it would be nice as it is well referenced :
[url]http://kb.mozillazine.org/About:config#Search_bar[/url]

[morat]

In Thunderbird, the Browser Toolbox is called the Developer Toolbox.

i.e. Tools > Developer Tools > Developer Toolbox (ctrl+shift+i)

* set devtools.chrome.enabled pref to true
* set devtools.debugger.remote-enabled pref to true
* set devtools.debugger.prompt-connection pref to false
* set devtools.inspector.showAllAnonymousContent pref to true

You can use the Select an iframe as the currently targeted document button to change the document.

3pane window > chrome://messenger/content/messenger.xul or .xhtml
message window > chrome://messenger/content/messageWindow.xul or .xhtml
compose window > chrome://messenger/content/messengercompose/messengercompose.xul or .xhtml
address book window > chrome://messenger/content/addressbook/addressbook.xul or .xhtml
error console window > chrome://devtools/content/webconsole/index.html

You can use the Pick an element from the page button to inspect an element.

Browser Toolbox
http://developer.mozilla.org/docs/Tools/Browser_Toolbox
http://developer.mozilla.org/docs/Tools/Browser_Toolbox#Debugging_popups

How do we get DOM info for userChrome in 57+
http://forums.mozillazine.org/viewtopic.php?f=23&t=3034448 (popup example)

P.S.

In Thunderbird, the Browser Console is called the Error Console.

i.e. Tools > Developer Tools > Error Console (ctrl+shift+j)

You can view the source of a chrome url using the console.

Code: Select all

(function () {
  var url = "chrome://messenger/content/messenger.xul";
  document.getElementById("tabmail").openTab("contentTab", {
    contentPage: "view-source:" + url,
  });
})();

Thunderbird 68 uses the messenger.xul page.
Thunderbird 78 uses the messenger.xhtml page.

Browser Console
http://developer.mozilla.org/docs/Tools/Browser_Console

Thunderbird 68 source
http://searchfox.org/comm-esr68/source
http://searchfox.org/comm-esr68/source/mail/config/version.txt

Thunderbird 78 source
http://searchfox.org/comm-esr78/source
http://searchfox.org/comm-esr78/source/mail/config/version.txt

[Gloops]

Got it !
"Pick an element from the page" answered the question, thank you.
Perhaps the options were already at the good values.

I wonder what the best place to put this would be.