5

有一个小问题可能会不时让我烦恼（如果有其他人也有同样的感觉，那就别想了）。每次我从任何浏览器使用查看页面源时，文本总是变得又丑又小（我的电脑分辨率为 1920x1080，特别是 17 英寸，这使得字母非常小且难以看到）。有没有办法从任何浏览器更改查看页面源部分的字体和大小？（例如铬）

我知道我可以通过鼠标滚动或“ctrl”+“+”来放大页面，但这并不是我真正想要解决的方法。

谢谢

4

4 回答 4

25

从 Chrome 32.0.1700.76 开始，custom.css 无法按如下所述工作。

请在此处查看更新的答案： Custom.css has stop working in 32.0.1700.76 m Google Chrome update

旧方法如下：

转到以下目录：

%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 查看源代码。

在您喜欢的文本编辑器中查看网页源代码 - Firefox

在 IE 中使用备用源查看器

于 2012-04-23T23:42:50.573 回答