git - 如何获得 repo 的/网络的完整 github.com 可视化

Question

编辑:这应该是送给我母亲的礼物，如果必须的话，我会拖放它并将一堆屏幕打印拼接在一起......但是资源有住在网站上的某个地方。我相信至少这个网站上有人知道如何做到这一点。

编辑: 所以我进一步研究了这个问题，发现如果你把/meta 放在 network 之后，你会得到一个 JSON。/chunk 也在页面源代码中，但在加载/chunk 之后，/chunk 或/meta 都不再为我加载。我只想要一张图片中的整个图表，这要求太多了吗？

在 github 中的 repo URL 的末尾添加/network 可以得到类似这样的图像

您可以单击并左右拖动它，但对于我来说，一次只能显示一小段内容。

有没有在一个图片文件中生成整个网络图的工具？

我不想要图表的一部分，我想查看整个图表。我看到了http://gitup.co/在另一个问题中提到，但它似乎仅适用于 OS X。 Linux 或 Microsoft 解决方案适合我。

谢谢

Answer 1

我刚刚(又)遇到了这个问题，终于找到了一个像样的解决方案。

下面是代码的 Gist :https://gist.github.com/DinisCruz/6866dede5cdff60d97790a14490f7844

function hide(selector) { $(selector).setAttribute('style','display:none')} 
function remove(selector) { $(selector).remove()} 
function remove_class(selector) { $(selector).setAttribute('class','')} 

function move_left(count)
{        
    var eventObj = document.createEvent("Events");
    eventObj.initEvent("keydown", true, true);
    eventObj.which = 37;  // left key
    for (i=0; i < count ; i++) {
        document.dispatchEvent(eventObj);
    }
} 

function resize_canvas(width)
{
    document.getElementById("network").style="width:" + width; window.dispatchEvent(new Event("resize"))
}


remove('.pagehead')
remove('.js-header-wrapper')
remove('.menu')
remove('.Subhead')
remove('.info')
remove('.btn-link')
remove('.footer')
remove_class('.container-lg')
// Note: they updated this class name from .p4-4 to .pb-4
remove_class('.pb-4')

resize_canvas('2150px')
move_left(14)

相关推特主题(显示一些示例):https://twitter.com/DinisCruz/status/1171411025570275329