This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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
  • 3 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.