콘솔을 통해 PushState URL 업데이트를 식별하는 방법은 무엇입니까?

Question

URL이 PushState를 통해 업데이트되었는지 확인하기 위해 console/inspect-element/dev-tools를 사용하는 방법이 있다면 알려 주실 수 있습니까? 예를 들어

내가 http://html5.gingerhost.com/로 가서 "Seatle"사이 클릭하면, "런던"& "뉴욕"나는 그것이 PushState를 통해 업데이트되고있는 것을 알고,하지만 난 콘솔을 통해 '알고'어떻게 좀 할 수 있습니까?

개발중인 사이트는 PushState & ReplaceState를 사용하여 개발 도구 콘솔에서 볼 수 있도록하고 싶습니다.

Answer 1

디버깅 용으로 만 사용되지만 기본 API를 사용자가 직접 재정의 할 수 있습니다.

역사 이벤트 디버깅하기위한 신속하고 해키 방법 :

(function(window, listenTo) { 
    var history = window.history; 
    // replaces default APIs with function that also logs the arguments 
    listenTo.forEach(function(key) { 
     var original = history[key]; 
     history[key] = function() { 
      console.log('history.' + key, arguments); 
      original.apply(history, arguments); 
     }; 
    }); 
    // add a listener to the popstate event for debugging purposes 
    window.addEventListener('popstate', function() { 
     console.log('onpopstate', arguments); 
    }); 
})(window, ['pushState', 'replaceState']); 

을