Question

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

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

由于

Answer 1

自Chrome 32.0.1700.76起，custom.css无法正常工作。

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

旧方法如下：

转到以下目录：

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

Mac：

~/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

正如杰夫约翰逊所说 - 对于Mac，样式表在：

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

Answer 3

在linux平台（Ubuntu）上，Custom.css文件位于文件夹：

~/.config/google-chrome/Profile #/User Stylesheets/Custom.css

Answer 4

您可以指定自己喜欢的编辑器来查看IE和FireFox中的来源。

View Webpage Source Code in Your Favorite Text Editor – Firefox

Use an Alternate Source Viewer with IE

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

4 个答案: