搜尋 Mozilla 技術支援網站

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

了解更多

How to apply a user style with the Stylish extension for Web Developer Tools?

  • 2 回覆
  • 2 有這個問題
  • 24 次檢視
  • 最近回覆由 kosmos890

more options

I have firefox 27 and the fonts of Web Developer Tools (Inspector, Debugger..) are very small. The fonts of Stylish editor are very small also.

Here https://support.mozilla.org/en-US/questions/943857 I found a similar question. GingerBread Man said  :

"If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome"). "

My problem is that I can't find the names of elements e.g "chrome://browser/content/devtools/markup-view.xhtml"

I have firefox 27 and the fonts of Web Developer Tools (Inspector, Debugger..) are very small. The fonts of Stylish editor are very small also. Here https://support.mozilla.org/en-US/questions/943857 I found a similar question. GingerBread Man said : "If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome"). " My problem is that I can't find the names of elements e.g "chrome://browser/content/devtools/markup-view.xhtml"

所有回覆 (2)

more options

See if this works.
chrome://browser/skin/devtools/markup-view.css

more options

@the-edmeister

Thanks for your reply.

The rule below affects only Inspector

@namespace url(http://www.w3.org/1999/xhtml);
   @-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {
       .devtools-monospace {
         font-size: 120% !important;
       }
   } 

I change the rule as you suggest.

@-moz-document url("chrome://browser/skin/devtools/markup-view.css") { ......}

It doesn't work.