5

時々私を悩ませるかもしれない小さな問題があります（他の人が同じように感じている場合はわかります）. どのブラウザーからでもページのソースを表示するたびに、テキストは常に醜く小さくなります (私のコンピューターの解像度は 1920x1080 で、特に 17 インチなので、文字が非常に小さくて見づらくなります)。ビュー ページのソース セクションのフォントとサイズを任意のブラウザから変更する方法はありますか? (例: Chrome)

マウスのスクロールまたは「ctrl」+「+」でページをズームインできることは知っていますが、それは実際に解決したい方法ではありません。

ありがとう

4

4 に答える 4

25

Chrome 32.0.1700.76以降、custom.cssは以下に概説するように機能しません。

ここで更新された回答を参照してください： Custom.cssは32.0.1700.76 mGoogleChromeアップデートで動作を停止しました

古い方法は次のとおりです。

次のディレクトリに移動します。

%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\

マック：

~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

ファイルを開きCustom.cssます。存在しない場合は作成してください。

次の行を追加します。

body.platform-windows .monospace, 
body.platform-windows .source-code, 
td.webkit-line-content {
  font-size: 15px !important;
  font-family: Consolas, Lucida Console, monospace !important;
  tab-size: 2;
}

Chromeで内部的に使用されるクラスをカスタマイズするだけです。クラスは.monospaceかなり自明です。この.source-codeクラスは、開発ツールのアイテムに影響します（F12）。探しているのは、です。これはtd.webkit-line-content、を選択したときにラインアイテムにスタイルを適用するものですView page source。

のスタイルを追加して行番号を編集したりtd.webkit-line-number、のスタイルを調整して行番号の背景を編集したりすることもできますdiv.webkit-line-gutter-backdrop。

乾杯。

于 2012-09-05T16:57:07.353 に答える
2

Jeff Johnson が言ったように、Mac の場合、スタイルシートは次の場所にあります。

~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css
于 2013-05-26T15:11:03.430 に答える
2

Linux プラットフォーム (Ubuntu) では、Custom.css ファイルは次のフォルダーにあります。

~/.config/google-chrome/Profile #/User Stylesheets/Custom.css
于 2013-06-12T08:08:16.797 に答える
1

お気に入りのエディターを割り当てて、IE および FireFox からソースを表示できます。

お気に入りのテキスト エディターで Web ページのソース コードを表示する – Firefox

IE で代替ソース ビューアーを使用する

于 2012-04-23T23:42:50.573 に答える