油猴脚本-Github-增加辅助按钮 (Web-VSCode & git-history )

一直使用两个 github 小技巧，每次都是手动输入网址。故做一个简洁版的 油猴脚本，增加几个按钮。

效果

文件页 与 非文件页 都会有 Web-VSCode 的按钮，点击后打开 web 版本的 vscode 。

1.jpg

文件页多出一个 Commithistory 的按钮，点击后会进入一个新页面。

2.jpg

GIf

代码也很简单~

// ==UserScript==
// @name          Github-Helper
// @namespace     http://diveintogreasemonkey.org/download/
// @description   example script to alert "Hello world!" on every page
// @include       https://github.com/*
// @run-at document-idle
// ==/UserScript==
var countDown = 1
function main(){
    var node = document.getElementsByClassName("btn mr-2 d-none d-md-block");
    var lengthTemp = node.length
    if (lengthTemp > 1){
      console.log("xxxxxxx");
      return
    }
    if(lengthTemp === 0){
        node = document.getElementsByClassName("btn ml-2 d-none d-md-block");
        if (node.length > 1){
            return
        }
    }
    console.log("xxxxxxx"+node.length);
    var url = document.URL;
    console.log(url);
    var url1 = "https://githistory.xyz"+url.substring(18,url.length)
    console.log(url1);
    var url2 = "https://github.dev"+url.substring(18,url.length)
    console.log(url2);
    if (lengthTemp != 0){
        var nodeAddFile = document.getElementsByClassName("btn d-none d-md-flex flex-items-center");
        if (nodeAddFile.length ==0){
            var n1 = node[0].cloneNode(true)
            n1.innerText = "CommitHistory"
            n1.setAttribute("target", "_blank");
            n1.setAttribute("href", url1);
            node[0].parentElement.insertBefore(n1,node[0])
        }
    }

    var n2 = node[0].cloneNode(true)
    n2.innerText = "Web-VsCode"
    n2.setAttribute("target", "_blank");
    n2.setAttribute("href", url2);
    node[0].parentElement.insertBefore(n2,node[0])

    countDown = 0
    console.log(countDown)
}
var interval = setInterval(main,1000)