我可以从浏览器更改视图页面源部分的大小或字体吗？

Question

有一个小问题可能会不时地惹恼我(如果有其他人有同样感觉的话).每次我从任何浏览器使用视图页面源时,文本总是变得丑陋和小(我的计算机的分辨率是1920x1080,特别是17英寸,这使得字母非常小而且很难看到).有没有办法从任何浏览器更改视图页面源部分中的字体和大小？(例如Chrome)

我知道我可以通过鼠标滚动或"ctrl"+"+"来放大页面,但这不是我想解决的方式.

谢谢

Answer 1

自Chrome 32.0.1700.76起,custom.css无法正常工作,如下所述.

请在此处查看更新的答案: Custom.css已停止在32.0.1700.76 m谷歌Chrome更新中工作

旧方法如下:

转到以下目录:

%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.

干杯.

Answer 2

您可以指定您最喜欢的编辑器来查看 IE 和 FireFox 的源代码。

\n\n

在您喜爱的文本编辑器 \xe2\x80\x93 Firefox 中查看网页源代码

\n\n

使用 IE 的备用源查看器

\n