하늘/BreadCrumb.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.

/*
 * written By. LiteHell and modified by Utolee90
 * Warning : This script uses localStorage of your browser so BREADCUMB WILL BE DELETED IF YOU CLEAR STORAGE DATA FROM YOUR BROWSER.
 */
if (mw.config.exists("wgIsArticle") && mw.config.exists("wgPageName") && mw.config.exists("wgArticlePath")) {
  var conf = mw.config.get(["wgIsArticle", "wgPageName", "wgArticlePath"]);
  
  mw.loader.load('oojs-ui');
  mw.loader.load('mediawiki.notification');

  if (conf.wgIsArticle) {
    var itemName = "pageBreadcumbs";

    function initStorageIfRequired() {
      if (localStorage.getItem(itemName) == null)
        localStorage.setItem(itemName, "[]");
    }

    function setStorage(value) {
      initStorageIfRequired();
      localStorage.setItem(itemName, JSON.stringify(value.slice(-20)));
    }

    function getStorage() {
      initStorageIfRequired();
      return JSON.parse(localStorage.getItem(itemName));
    }

    function makeBreadBar(arr, active) {
      var ol = document.createElement("ol");
      ol.style.display = 'inline-block';
      ol.style.margin = '0.5em',
      ol.className = "breadcrumb";
      $(ol).append('<li id="cleanBreads" style=""><a href="javascript:(function(){})();" style="color: red;"><span class="fa fa-trash"></span></a></li>');
      ol.querySelector('li#cleanBreads > a').addEventListener("click", function() {
        OO.ui.confirm("진짜로 빵가루를 전부 다 청소할까요?").done(confirmed => {
          if (confirmed) {
            localStorage.setItem(itemName, "[]");
            mw.notification.autoHideSeconds = {'short': 1.5};
            mw.notify('강제 새로고침하면 지워져 있을겁니다. :)');
          }
        });
      });

      // 최근 10개만 역순으로 제작. 중복이 있으면 제외
      var limitCnt = 10;
      var newArr = [];
      var j = 0;
      while (newArr.length < Math.min(limitCnt, arr.length) && j <= arr.length - 1) {
        if (newArr.indexOf(arr[arr.length - 1 - j]) == -1) {
          newArr.push(arr[arr.length - 1 - j]);
        }
        j++;
      }
      for (var i = 0; i < newArr.length; i++) {
        var now = newArr[i];
        var li = document.createElement("li");
        if (now == active) {
          li.className = "active";
          li.textContent = now;
        } else {
          var anchor = document.createElement("a");
          anchor.href = conf.wgArticlePath.replace('$1', now);
          anchor.title = now;
          anchor.textContent = now;
          li.appendChild(anchor);
        }
        ol.appendChild(li);
      }
      return ol;
    }

    var articles = getStorage();
    if (articles.length == 0 || (articles.length != 0 && articles[articles.length - 1] != conf.wgPageName)) articles.push(conf.wgPageName);
    setStorage(articles, conf.wgPageName);
    var breadbar = makeBreadBar(articles, conf.wgPageName);
    var contentHeader = document.querySelector(".liberty-content-header");
    contentHeader.prepend(breadbar);
  }
}

사용자:하늘/BreadCrumb.js