这实际上是可以做到的，用一个浏览器扩展。安装Stylish(在Firefox或Chrome中)，然后安装这种用户样式:“GitHub:代码中更好大小的选项卡”。

它可能不适用于某些语言。例如，我正在查看一个JavaScript文件，我没有注意到任何变化。所以我删除了作者的风格，并加入了以下几行:

.tab-size {
  -webkit-tab-size: 4 !important;
     -moz-tab-size: 4 !important;
       -o-tab-size: 4 !important;
          tab-size: 4 !important;
}

它在Chrome上也能运行(截图)。

正如你从截图中看到的，我还启用了宽屏模式，并将配色方案更改为日光。所以我有三种用户样式运行在GitHub页面上通过Chrome的样式扩展。我希望这能帮助到一些人。

为存储库设置默认显示的选项卡大小

当您的存储库中有.editorconfig时，它将尊重它 在GitHub上查看代码时。 Indent_style = TAB和indent_size = 4显示有4列的选项卡 而不是8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

JetBrains产品中多个扩展的。editorconfig示例:

root = true

[*]
end_of_line = lf
insert_final_newline = true

# Matches multiple files with brace expansion notation
[*.{js,jsx,html,sass}]
charset = utf-8
indent_style = tab
indent_size = 4
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false

更改在其他存储库上查看选项卡的方式

在浏览器中安装Stylus，而不是安装GitHub:代码中更大的标签。

还有谷歌Chrome扩展:

https://chrome.google.com/webstore/detail/github-tab-sizer/djpnapkcpjomnkfekaedkigfomiedpjf https://chrome.google.com/webstore/detail/github-tab-size/ofjbgncegkdemndciafljngjbdpfmbkn/related

您可以将?ts=2或?ts=4附加到URL以更改制表符大小。

例如:https://github.com/jquery/jquery/blob/main/src/core.js?ts=2

这个值似乎可以是1到12之间的任何值。它不工作在gist或原始文件视图。

来源:GitHub Cheat Sheet

最好的解决方案是，如果可能的话，说服源代码的维护者用正确的空格数替换所有制表符。

在今天的代码中使用标签是有问题的，因为你经常在网络上看到它，“每个标签有多少空间”的决定取决于它被显示在哪里。

如果你喜欢UserScripts，这对我来说很有用:

// ==UserScript==
// @name         GitHub Tabs
// @namespace    http://foldoc.org/
// @version      1
// @description  Set sensible tabs on GitHub
// @author       Denis Howe
// @match        https://github.com/*
// ==/UserScript==

document.querySelectorAll('table').forEach(t => { t.dataset.tabSize = 2 });

如果项目是你的，在项目根目录下创建一个名为“”的文件。Editorconfig”，并为其提供以下内容。

[*]
indent_style = tab
indent_size = 4

这将导致GitHub在项目中呈现4宽的选项卡。

这是一个正式指定的EditorConfig文件，许多编辑器都支持它，还支持更广泛的编辑器配置，比如指定所有.html文件都是UTF-8编码的。

如果项目不是你的，考虑打开一期，要求作者指定他们想要的缩进样式。