在 GitHub 上查看没有空格更改的提交

Question

有没有办法在 github.com 上显示提交而不显示空白更改？

有没有办法从控制台显示它？即克隆然后查看本地提交（树），忽略所有空白更改？

我广泛使用 Trac；我正在寻找类似于忽略空白更改的内容（可以在更改集视图上找到）。

Answer 1

将 ?w=1 附加到任何显示差异的 github.com 页面上的 URL，它将忽略空格。请参阅这篇博文。

Answer 2

为此，您可以在命令行（使用任何 git 的 diff 命令）使用三个选项：

• --ignore-space-at-eol 忽略 EOL 时空格的更改。
• -b, --ignore-space-change 忽略空白量的变化。这会忽略行尾的空白，并认为一个或多个空白字符的所有其他序列是等效的。
• -w, --ignore-all-space 比较行时忽略空格。即使一行有空格而另一行没有空格，这也会忽略差异。

我不相信 github 已经使用这些选项实现了任何东西。

Answer 3

遗憾的是，X 的东西消失了，之前的代码片段也变得毫无用处。现在应该可以使用以下内容：

var i, e, tr, tdL, tdR, textL, textR, text = function (el) { return el.parentNode.children[2].children[1].children[0].textContent.replace(/\s/g, '').substr(1); }
for (i = 0, e = document.getElementsByClassName('gd'); i < e.length; ++i) {
    tr = e[i].parentNode.parentNode.parentNode;
    if (' ' !== tr.children[1].innerHTML) { continue; }
    tdL = tr.children[0];
    tdR = document.getElementById(tdL.id.replace(/^L(\d+)L/, 'L$1R')),
    textL = text(tdL);
    textR = text(tdR);
    if (textL === textR) { tdL.parentNode.style.display = tdR.parentNode.style.display = 'none'; }
}

Answer 4

在查看提交页面的源 HTML 后，我发现 github 用“x”CSS 类标记纯空白更改...这使得以下 oneliner 成为可能：它

jQuery.expr[':'].hasX = function(obj) { var $this = $(obj); return ($this.find('.x').length && $this.next().find('.x').length); }; jQuery('.data tbody tr:hasX').toggle().next().toggle();

的作用是遍历提交表​​的所有行，并隐藏给定行及其后的行中确实包含“.x”元素的行。

这是完整的 JS：

// create new selector
jQuery.expr[':'].hasX = function(obj) {
    // cache
    var $this = $(obj);
    // whether this and next line do have '.x' element as child
    return $this.find('.x').length && $this.next().find('.x').length;
}

// select all rows and hide (ones containing "-")
jQuery('.data tbody tr:hasX').toggle()
// hide the ones after selected (ones containing "+")
    .next().toggle();