क्रोम एक्सटेंशन से निगरानी इतिहास.pushstate

Question

मैं फेसबुक को ट्विक करने के लिए क्रोम एक्सटेंशन विकसित कर रहा हूं। हालांकि, फेसबुक जैसी HTML5-सक्षम साइटों के भीतर ब्राउज़िंग कार्रवाइयों को पकड़ने के लिए window.history.pushState के ओवरराइड की आवश्यकता है जैसा कि in this SO question समझाया गया है।

दुर्भाग्य से, ऐसा लगता है कि क्रोम की अलग दुनिया इस तरह के ओवरराइड को रोकती है। क्या इतिहास परिवर्तनों को पकड़ने की कोई अन्य विधि है (मतदान के अलावा)?

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:

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

स्रोत::

"permissions": [ 
    "webNavigation" 
    ], 

फिर background.js में