github (시간 / 일)의“실제”커밋 날짜 참조 커밋 날짜를 보는 방법이

날짜 / 시간 정밀도로 github에서 커밋 날짜를 보는 방법이 있습니까? 이전 커밋은 실제 날짜를 표시하는 대신 “2 년 전”과 같이 “사람이 읽을 수있는”형식으로 나타납니다.

오래된 github commit

github에서 실제 날짜를 볼 수 없다면보다 쉬운 해결 방법이 git clone있습니까?

답변

위로 마우스를 2 years ago가져 가면 타임 스탬프가 표시됩니다.

답변

속성이 <time>iso 값을 가진 요소에 의해 텍스트가 줄 바꿈 되었음에도 불구하고 실제 날짜는 “2 년 전”을 가리키면 나타나지 않습니다 datetime.

나를 위해했던 것처럼 다른 모든 것이 실패하면 텍스트를 검사하십시오.

샘플 요소 :

<time datetime="2015-01-22T20:48:13Z" is="relative-time" title="Jan 22, 2015, 2:48 PM CST">7 days ago</time>

답변

이 js 북마크를 사용할 수 있습니다.

javascript:(function() {
        var relativeTimeElements = window.document.querySelectorAll("relative time");
        relativeTimeElements.forEach(function(timeElement){
        timeElement.innerHTML = timeElement.innerHTML +" -- "+ timeElement.title;
        })
    }()
)

https://gist.github.com/PhilippGrulich/7051832b344d4cbd30fbfd68524baa38

정확한 시간을 추가합니다. 다음과 같이 : 약정 됨 21 시간 전-15. 2017 년 2 월 15 일 MEZ

답변

Chrome에서 @odony의 TamperMonkey / Greasemonkey 스크립트를 시도했지만 작동하지 못했습니다. detachCallback()인식되지 않았습니다. 따라서 콜백을 분리하는 대신 간단히 <relative-time>노드 를 교체했습니다 .

// ==UserScript==
// @name         Github: always show absolute times
// @match        https://github.com/*
// ==/UserScript==

(function() {
    document.querySelectorAll("relative-time").forEach(function(el) {
        var parent = el.parentNode;
        var timestamp = el.title;
        var span = document.createElement("span");
        span.innerHTML = timestamp;
        parent.removeChild(el);
        parent.appendChild(span);
    });
})();

미안하지만 다른 브라우저에서 이것을 테스트하지는 않았지만 이것이 기본 자바 스크립트이므로 작동해야합니다. 🙂

답변

호버링하지 않고 날짜 / 시간을 영구적으로 표시하는 방법을 찾고 있다면 (예 : 스크린 샷) 위의 자바 스크립트 기반 솔루션이 최신 Github HTML과 일치하지 않습니다 (주석 참조). 그리고 타이머를 기반으로 타임 스탬프가 자동 업데이트된다는 사실을 고려하지 않았으므로 ( “X 분 전” 은 1 분마다 변경되어야 함) 주기적으로 다시 나타납니다.

다음 스크립트는 2020-01-27 현재 Github에서 작동하는 것 같습니다.

(function() {
    var els = window.document.querySelectorAll("time-ago,relative-time");
    els.forEach(function(el) {
        el.innerHTML = "on " + el.getFormattedTitle(); // original timestamp
        el.disconnectedCallback(); // stop auto-updates
    });
})();

다른 JS 기반 솔루션에서 와 같이 코드를 접두어로 추가하여 책갈피 를 만들 수 있습니다 javascript:.

그리고 이것을 영구적으로 수정하려면 다음과 같이 TamperMonkey / Greasemonkey 스크립트로 저장할 수 있습니다.

// ==UserScript==
// @name         Github: always show absolute times
// @match        https://github.com/*
// ==/UserScript==

(function() {
    setTimeout(function() {
        var els = window.document.querySelectorAll("time-ago,relative-time");
        els.forEach(function(el) {
            el.innerHTML += ' <span class="text-small">(' + el.title + ')</span>'; // set original timestamp
            el.disconnectedCallback(); // stop auto-updates
        });
    }, 100); // YMMV, experiment with the timeout
})();

그다지 예쁘지는 않지만 일을하는 것처럼 보입니다.

답변

gitlab 10에서는 툴팁 제목을 표준 텍스트로 요소에 추가했습니다.

javascript:(function() {
  var relativeTimeElements = window.document.querySelectorAll("time");
  relativeTimeElements.forEach(function(timeElement){
    timeElement.innerHTML = timeElement.innerHTML +" -- "+ timeElement.getAttribute('data-original-title');
  })
}());

답변