在Chrome上檢測此事件：更改網址更改而不重新加載

Question

我有一個網站可以更改URL而無需在Chrome上使用以下命令重新加載：

window.history.pushState(“object or string”, “Title”, “/new-url”);

有沒有辦法從Javascript中檢測到這樣的事件？ 我試過這個，但它不起作用：

$(window).bind('hashchange', function() {
    alert("CHANGED!!");
});  

Answer 1

僅適用於Chrome擴展程序

鑒於：

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "yourwebsite.com/page2");

你可以用這個來檢測它：

chrome.webNavigation.onHistoryStateUpdated.addListener(function(e) {
        console.log(e);
      }, {url: [{hostEquals: 'yourwebsite.com'});