мониторинг history.pushstate от хромированного расширения

Question

Я разрабатываю расширение Chrome для настройки Facebook. Тем не менее, для отслеживания действий в браузерах с поддержкой HTML5, таких как Facebook, требуется переопределение window.history.pushState, как описано in this SO question.

К сожалению, кажется, что изолированные миры Chrome не допускают такого рода переопределение. Есть ли другой способ улавливания изменений истории (кроме опроса document.location.href)?

Answer 1

Да,

Один из способов создать тег сценария и поместить код там:

html = "window.history.pushState = function(a,b,c) { alert('Change !'); };"; 

var headID = document.getElementsByTagName("head")[0];   
var newScript = document.createElement('script'); 
newScript.type = 'text/javascript'; 
newScript.innerHTML = html; 
headID.appendChild(newScript); 

Answer 2

Чтобы продолжить действие по умолчанию, сохранить ссылку на исходную функцию PushState, а затем вызвать это:

var headID = document.getElementsByTagName("head")[0];   
var newScript = document.createElement('script'); 
newScript.type = 'text/javascript'; 
newScript.src = chrome.extension.getURL('script.js'); 
headID.appendChild(newScript); 

script.js:

window.history.pushState = (function(nativePushState) { 
    return function(a,b,c) { 
     // Do something 
     nativePushState.apply(this, arguments); //Continue by calling native history.pushState 
    }; 
})(window.history.pushState) 

Answer 3

Не уверен, пытаетесь ли вы сделать это в background.js или content.js, но если это первое, что вы можете сделать это, используя webNavigation событие:

Вам необходимо установить разрешения для webNavigation в манифесте. JSON:

"permissions": [ 
    "webNavigation" 
    ], 

Тогда в background.js:

chrome.webNavigation.onHistoryStateUpdated.addListener(function(details) { 
     console.log('Page uses History API and we heard a pushSate/replaceState.'); 
     // do your thing 
    }); 

Источник: Chrome Extension docs for webNavigation