عرض التعليقات على حبري بترتيب الإضافة

(function() { function sortComments() { let comments = Array.from( document.querySelectorAll(".comment") ); comments.sort(function (a,b) { let times = [ a.querySelector("time"), b.querySelector("time") ]; for (let i in times) { times[i] = (( times[i] !== null ) ? times[i].innerText : "").replace(/([0-9]{2})\.([0-9]{2})\.([0-9]{2}).+?([0-9]{2}):([0-9]{2})/, "$3.$2.$1 $4:$5"); } return times[1].localeCompare(times[0]); }); let rendered = ""; for (let i = 0; i < comments.length; i++) { rendered += comments[i].innerHTML + "<br/><br/>"; } document.querySelector("#comments").innerHTML = rendered; document.querySelector("#comments").scrollIntoView(); } sortComments(); })(); 

 // ==UserScript== // @name     // @version 1 // @grant none // @include https://habr.com/*/post/* // @include https://habr.com/*/blog/* // @include https://habr.com/*/news/t/* // @include https://habr.com/*/article/*/ // ==/UserScript== (function() { function sortComments() { let comments = Array.from( document.querySelectorAll(".comment") ); comments.sort(function (a,b) { let times = [ a.querySelector("time"), b.querySelector("time") ]; for (let i in times) { times[i] = (( times[i] !== null ) ? times[i].innerText : "").replace(/([0-9]{2})\.([0-9]{2})\.([0-9]{2}).+?([0-9]{2}):([0-9]{2})/, "$3.$2.$1 $4:$5"); } return times[1].localeCompare(times[0]); }); let rendered = ""; for (let i = 0; i < comments.length; i++) { rendered += comments[i].innerHTML + "<br/><br/>"; } document.querySelector("#comments").innerHTML = rendered; document.querySelector("#comments").scrollIntoView(); } let sortButton = document.createElement("div"); sortButton.style["position"] = "fixed"; sortButton.style["top"] = 0; sortButton.style["right"] = 0; sortButton.style["height"] = "1.3em"; sortButton.style["width"] = "11em"; sortButton.style["border"] = "1px solid grey"; sortButton.style["text-align"] = "center"; sortButton.style["cursor"] = "pointer"; sortButton.style["z-index"] = 999; sortButton.innerText = "  "; sortButton.addEventListener("click", function (event) { event.preventDefault(); sortComments(); event.target.remove(); }); document.body.appendChild(sortButton); })();