Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How do I control whether the Web Developer Inspector shows the page source instead of just an element's place in the DOM hierarchy?

  • 1 reply
  • 1 has this problem
  • 14 views
  • Last reply by jimeng

jimeng
jimeng
more options

I find the Inspector (Tools -> Web Developer -> Inspector) very useful. If I can select it and then click on an element in the page, the html markup for that element is shown in the left-hand window of the Inspector tool and the CSS rules that apply are shown in the right-hand window. But from time to time, the left window will just be blank, with a small bar above it showing a set of selectors back from the body tag down to the selected element. The right window is just as functional as usual, but I cannot examine the HTML source for the element. And I can't find any way to get back to what seems to be the default mode, which is what I want.

Any advice about how to avoid getting in this other mode or how to get back if I find myself in that mode?

Thanks.

I find the Inspector (Tools -> Web Developer -> Inspector) very useful. If I can select it and then click on an element in the page, the html markup for that element is shown in the left-hand window of the Inspector tool and the CSS rules that apply are shown in the right-hand window. But from time to time, the left window will just be blank, with a small bar above it showing a set of selectors back from the body tag down to the selected element. The right window is just as functional as usual, but I cannot examine the HTML source for the element. And I can't find any way to get back to what seems to be the default mode, which is what I want. Any advice about how to avoid getting in this other mode or how to get back if I find myself in that mode? Thanks.

All Replies (1)

jimeng
jimeng Question owner
more options

Here's a screenshot of the inspector in the mode I want to get out of.