Avatar for Username

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Learn More

Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.

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

  • 2 svar
  • 2 har detta problem
  • 24 visningar
  • Senaste svar av kosmos890

kosmos890
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"

Alla svar (2)

the-edmeister
the-edmeister
  • Moderator
more options

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

kosmos890
kosmos890 Frågans ägare
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.