ब्राउज़र में, विंडो स्क्रॉल पर ब्रेक करें

Question

क्रोम डेवटोल्स में, आप किसी डॉम तत्व के गुणों को बदलने या किसी तत्व के उप-संशोधनों पर जावास्क्रिप्ट को तोड़ सकते हैं।

मैं कुछ विरासत कोड पर काम कर रहा हूं जिसमें कुछ जावास्क्रिप्ट हैं जो कुछ स्थितियों के तहत पृष्ठ के शीर्ष पर स्क्रॉल करते हैं, और मैं जेएस को यह करना चाहता हूं।

क्या देवटोल्स में कोई तरीका है, तो स्क्रॉल ईवेंट पर तोड़ें?

यह jQuery या प्रोटोटाइप.जेएस या इवेंट बेस जेएस हो सकता है जो यह करता है, और मैंने .scrollTop या .animate के लिए कोडबेस खोजा है, और मुझे उनमें से बहुत कुछ मिला है, लेकिन कोई भी जो मेरी समस्या का कारण नहीं बना रहा है ।

Answer 1

स्क्रॉल स्थिति प्रोग्रामेटिक रूप से बदलते समय डीबगर को ट्रिगर करने के लिए आप कंसोल का उपयोग करके जेएस की इस पंक्ति को इंजेक्ट कर सकते हैं।

window.__defineSetter__("pageYOffset", function(){ 
    debugger; 
}); 

फिर, कॉल स्टैक को यह देखने के लिए देखें कि यह किस प्रकार ट्रिगर हुआ है।

आप डिबगर सक्रिय करने के लिए नहीं करना चाहते हैं, तो आप निम्न कोड के साथ स्टैक ट्रेस istead मुद्रित कर सकते हैं:

window.__defineSetter__("pageYOffset", function(){ 
    console.log(new Error().stack); 
}); 

एक अन्य विकल्प अपने स्वयं के साथ खिड़कियां scroll, scrollTo और scrollBy विधि को बदलने के लिए है ।

window.__defineGetter__('scroll', function(){ 
    console.log('window.scroll getter :' + new Error().stack); 
    return function(x,y){ 
    debugger; //or print stack trace 
    oldScroll(x,y); 
    } 
}); 

scrollTo और scrollBy के लिए दोहराएँ।

Answer 2

मुझे प्रस्तुत किए गए लोगों की तुलना में वास्तव में तोड़ने के बारे में कोई अतिरिक्त विचार नहीं है।

लेकिन मुझे संदेह है कि यह स्क्रॉल नहीं कर रहा है जो समस्या का कारण बनता है, लेकिन HTML में '#' है।

<a href="#" onclick="return false;">x</a> 

एक बहुत ही आम पैटर्न है। जब आप "वापसी झूठी" भूल जाते हैं (या कुछ रोकता है), # (खाली एंकर) को नेविगेट किया जाएगा, जिससे स्क्रॉल शीर्ष पर पहुंच जाता है।

जांचें कि क्लिक करने के बाद यूआरएल # अंत में है या नहीं!