LoginSignup
2
1

More than 5 years have passed since last update.

Safariのエラーコンソールを等幅フォントにする

Posted at

【対象】
Safari 9.0.1 (10601.2.7.2)
OSX Yosemite 10.10.5

Safariのエラーコンソールがなぜか等幅フォントじゃない。
その他の要素ビューとかは等幅なのにこれはなぜなのか。

スクリーンショット 2015-12-15 11.47.37.png

設定画面などないので、このインスペクタのスタイリングをしているcssファイルを直接弄る。Safariのバージョンによって変わるが、今回は/System/Library/StagedFrameworks/Safari/WebInspectorUI.framework/Versions/Current/Resources/Main.cssにある。ちなみにここ以外にもいくつかMain.cssのある場所があるが、変更しても反映されない。おそらくStagedFrameworksの下にあるMain.cssというのがポイントだと思う。

中を見てみると下の箇所がどこかにあるはず。

Main.css
...
.console-messages {
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    font-family: -webkit-system-font, sans-serif;
    font-size: 12px;
    min-height: 100%;
    outline: none
}
...

このクラスのフォント周りをちょちょっといじる。

Main.css
...
    font-family: Menlo, monospace;
    font-size: 10px;
...

Tada!君は等幅フォントを手に入れた!
スクリーンショット 2015-12-15 11.50.43.png

【参考】
http://stackoverflow.com/questions/27912919/how-do-i-change-the-web-inspector-font-for-safari-8

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1