यूआरएल परिवर्तनों का पता लगाएं (विंडो अनलोड के बिना)

Question

मैं पुराने यूआरएल तक पहुंच के साथ "यूआरएल परिवर्तन से पहले" ईवेंट में एक श्रोता जोड़ना चाहता हूं। window.onbeforeunload आग नहीं करता है अगर पृष्ठ पुनः लोड नहीं होता है (AJAX संचालित पृष्ठ)।

यह YouTube वीडियो पृष्ठों पर होता है, जब आप सही नेविगेशन कॉलम में किसी अन्य वीडियो पर क्लिक करते हैं, उदाहरण के लिए।

मैंने this post पढ़ा है, जो window.location चुनाव करता है। लेकिन यह पुराना यूआरएल कैप्चर नहीं करता है।

यह क्रोम एक्सटेंशन के लिए है। मैं जावास्क्रिप्ट में यूआरएल परिवर्तन से पहले पता लगाने का एक तरीका ढूंढ रहा हूं।

Answer 1

यदि आप क्रोम एक्सटेंशन लिख रहे हैं, तो आप onUpdated ईवेंट सुन सकते हैं जिसे टैब यूआरएल बदलते समय निकाल दिया जाता है। अधिक जानकारी https://developer.chrome.com/extensions/tabs.html#event-onUpdated पर।

Answer 2

AJAX- संचालित पृष्ठों के लिए जो history API (उनमें से अधिकतर, YouTube सहित) का उपयोग करते हैं, तो आप history.pushState में विभाजित कर सकते हैं।

क्रोम के लिए, पुराना यूआरएल spf-referer संपत्ति में होगा। (इसके अलावा, location.href अभी भी पुराने यूआरएल के लिए, जबकि pushState, फायरिंग भी कर रहा है स्थापित किया जाएगा।)

तो इस तरह कोड काम करेगा:

var H    = window.history; 
var oldPushState = H.pushState; 
H.pushState   = function (state) { 
    if (typeof H.onpushstate == "function") { 
     H.onpushstate ({state: state}); 
    } 
    return oldPushState.apply (H, arguments); 
} 
window.onpopstate = history.onpushstate = function (evt) { 
    console.log ("Old URL: ", evt.state["spf-referer"]); 
} 

ध्यान दें कि, क्योंकि आप ओवरराइड करने के लिए की जरूरत है लक्ष्य पृष्ठ की pushState फ़ंक्शन, आपको अपनी सामग्री स्क्रिप्ट से यह कोड inject होना चाहिए।