Using Chrome, when I type console.log(document.body) in the console and press enter, I get an HTML tree (or hierarchy) of the current page. For example, on google.com, I get the following

Figure 1. Output of console.log(document.body) on Chrome.

However, when I use Mozilla, I get an object description with all the properties like below.

Figure 2. Output of console.log(document.body) on Mozilla.

When you use console.dir(document.body) on Chrome, it produces an output like Figure.2, but on Mozilla, the output is the same as Figure.1.

Is it possible to get something like Figure.1 on Mozilla?