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.

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

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 freagra
  • 1 leis an bhfadhb seo
  • 1 view
  • Freagra is déanaí ó 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)

more options

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