Log all pushState and replaceState events in console

HistoryLogger.user.js

// ==UserScript==
// @name         HistoryLogger
// @namespace    2yc.tw
// @version      0.1
// @description  Log all pushState and replaceState events in console
// @author       YY
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
  const _pushState = window.history.pushState.bind(window.history);
  const _replaceState = window.history.replaceState.bind(window.history);
  window.history.pushState = (...args) => {
    console.groupCollapsed('[PUSH_STATE]');
    console.log(JSON.stringify(args, null, 4));
    console.groupCollapsed('trace stack');
    console.trace();
    console.groupEnd();
    console.groupEnd();
    _pushState(...args);
  };

  window.history.replaceState = (...args) => {
    console.groupCollapsed('[REPLACE_STATE]');
    console.log(JSON.stringify(args, null, 4));
    console.groupCollapsed('trace stack');
    console.trace();
    console.groupEnd();
    console.groupEnd();
    _replaceState(...args);
  };
})();