Take the 2-minute tour ×
Ask Different is a question and answer site for power users of Apple hardware and software. It's 100% free, no registration required.

Does anyone know how to change the font size in Safari's Web Inspector? It's too small for me and my eyes can't stand staring at it during long periods of time.

I've found some links on the web concerning my question but they don't seem to work either:

  1. https://gist.github.com/vlazar/1549785
  2. http://miekd.com/articles/adding-some-monospace-to-the-safari-web-inspector/

I'll switch back to Chrome and use its own Web Inspector if there aren't any solutions available.

share|improve this question
add comment

3 Answers 3

At the end of inspector.css add the font size and style.

The file is located in /System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework/Versions/A/Resources/inspector

An example:

body, #console-messages{
font-size:18px;
}
share|improve this answer
    
There is no file inspector.css in that directory :( –  Dmitri Zaitsev Dec 22 '13 at 7:59
add comment

For Mountain Lion (10.8.x), I found the file name is actually Main.css and on my system it is located in:

/System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources/

Add the following text to the end of this file and save it. Essentially, this is the same text as in the other answer in this thread, but without the line breaks.

body, #console-messages{font-size:18px;}

You will need to restart your Safari after you make this change, before it will take effect.

Tip: To quickly open the folder where Main.css is located...

  1. Select the path
  2. Right-click on the selected path and then from the popup menu choose: Services -> Open.
  3. This will open the folder for you.
share|improve this answer
    
Didn't work for me. Is there possibly less hacky way? –  Dmitri Zaitsev Dec 22 '13 at 8:08
    
Not that I know of. Actually, I have switched to Chrome for my web development. In Chrome you can just press Cmd+/- to adjust the console and development environment font size and I no longer have out-of-memory problems, which I did with Safari. –  Paul Bastowski Dec 27 '13 at 17:13
add comment

Thanks for the answers above. As an update, in Mavericks 10.9, the file is still Main.css and can now be found at the following path: /System/Library/PrivateFrameworks/WebInspectorUI.framework/Versions/A/Resources

share|improve this answer
1  
Rather than thanking for other answers in your answer you may comment or preferably, use your votes and upvote the answer you like. –  Deesbek Nov 24 '13 at 3:49
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.