搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

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 回覆
  • 1 有這個問題
  • 14 次檢視
  • 最近回覆由 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.

所有回覆 (1)

more options

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