GeoGuessr Highscore Human Readable Dates

Display the date on the highscores of a map in a human readable format

当前为 2025-03-08 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name GeoGuessr Highscore Human Readable Dates
// @namespace   gghrd
// @description Display the date on the highscores of a map in a human readable format
// @version 0.1
// @match https://www.geoguessr.com/*
// @run-at document-start
// @license MIT
// ==/UserScript==

function format(date) {
  /*
  sv-SE 2025-12-31
  en-GB 31/12/2025
  en-US 12/31/2025 💀
  
  year: 'numeric' | '2-digit'
  month: 'numeric' | '2-digit' | 'narrow' | 'short' | 'long'
  day: 'numeric' | '2-digit'
  */
  return date.toLocaleDateString("sv-SE", { day: "2-digit", month: "2-digit", year: "2-digit" })
}

function onMutations (mutations) {
  if (!location.pathname.includes("/maps/")) return

  for (let mutation of mutations) {
    if (mutation.target.nodeName == "TBODY" && mutation.addedNodes && mutation.addedNodes.length) {
      for (let addedNode of mutation.addedNodes) {
        for (let node of addedNode.querySelectorAll("[class*=map-highscore_date]")) {
          let span = node.querySelector("span")
          span.innerText = format(new Date(span.title))
        }
      }
    }
  }
}

window.addEventListener("load", (event) => {
  let observer = new MutationObserver(onMutations);

  let config = {
    childList: true,
    subtree: true
  };

  observer.observe(document.body, config);
});