फ़ायरफ़ॉक्स इतिहास में वापस यात्रा करने के बाद, जावास्क्रिप्ट नहीं चलेगा

Question 1

जब मैं पहले से देखे गए पृष्ठ तक पहुँचने के लिए फ़ायरफ़ॉक्स पर बैक बटन का उपयोग करता हूँ, तो उस पृष्ठ पर स्क्रिप्ट फिर से नहीं चलेगी ।

क्या दूसरी बार पृष्ठ देखने पर स्क्रिप्ट को फिर से निष्पादित करने के लिए कोई फिक्स / वर्कअराउंड है?

कृपया ध्यान दें कि मैंने Google Chrome और Internet Explorer पर समान पृष्ठों का परीक्षण किया है और वे इरादा के अनुसार काम करते हैं।

इस समस्या का परीक्षण करने के लिए मैंने जिन फ़ाइलों और चरणों का उपयोग किया है:

(0.html पर जाएँ, 1.html, बैक बटन पाने के लिए क्लिक करें)

0.html

<html><body>
<script>
  window.onload = function() { alert('window.onload alert'); };
  alert('inline alert');
</script>
<a href="1.html">Click Me!</a>
</body></html>

1.html

<html><body>
<p>Go BACK!</p>
</body></html>

Question 2

एक खाली फ़ंक्शन सेट करें जिसे window.onunload पर कॉल किया जाना है:

window.onunload = function(){};

जैसे

<html><body>
<script type="text/javascript">
  window.onload = function() { alert('window.onload alert'); };
  window.onunload = function(){};
  alert('inline alert');
</script>
<a href="1.html">Click Me!</a>
</body></html>

स्रोत: http://www.firefoxanswer.com/firefox/672-firefoxanswer.html (संग्रहीत संस्करण)

Question 3

जब मैं पहले से देखे गए पृष्ठ तक पहुँचने के लिए फ़ायरफ़ॉक्स पर बैक बटन का उपयोग करता हूँ, तो उस पृष्ठ पर स्क्रिप्ट फिर से नहीं चलेगी।

यह सही है और यह अच्छी बात है।

जब आप फ़ायरफ़ॉक्स (और सफारी, और ओपेरा) में एक लिंक हिट करते हैं, तो यह अगले पेज पर जाने के लिए तुरंत आपके पेज को नष्ट नहीं करता है। यह पृष्ठ को बरकरार रखता है, केवल इसे देखने से छिपाता है। क्या आपको बैक बटन मारना चाहिए, यह फिर से दस्तावेज़ को लोड किए बिना, पुराने पेज को फिर से दृश्य में लाएगा; यह बहुत तेज़ है, जिसके परिणामस्वरूप उपयोगकर्ता के लिए स्मूथ बैक / फॉरवर्ड पेज ट्रांज़िशन होता है।

इस सुविधा को bfcache कहा जाता है ।

उपयोगकर्ता के पिछले लोड और इसके उपयोग के दौरान आपके द्वारा पृष्ठ पर जोड़ी गई कोई भी सामग्री अभी भी रहेगी। आपके द्वारा पृष्ठ तत्वों से जुड़े किसी भी ईवेंट हैंडलर को अभी भी संलग्न किया जाएगा। आपके द्वारा निर्धारित कोई भी टाइमआउट / अंतराल अभी भी सक्रिय रहेगा। इसलिए शायद ही कोई कारण है कि आपको यह जानने की आवश्यकता है कि आपको छिपाया गया है और फिर से दिखाया गया है। onloadफिर से स्क्रिप्ट कोड को कॉल या इनलाइन करना गलत होगा , क्योंकि उस फ़ंक्शन में आपके द्वारा किया गया कोई भी बाइंडिंग और कॉन्टेंट जेनरेशन संभावित रूप से विनाशकारी परिणामों के साथ, उसी सामग्री पर दूसरी बार निष्पादित होगा। (जैसे; document.writeइनलाइन स्क्रिप्ट पेज को पूरी तरह से नष्ट कर देगी।)

window.onunloadप्रभाव लिखने का कारण यह है कि bfcache को लागू करने वाले ब्राउज़रों ने निर्णय लिया है कि - उन पृष्ठों के साथ संगतता के लिए जिन्हें वास्तव में जानने की आवश्यकता है कि उन्हें कब छोड़ा जा रहा है - ऐसा कोई भी पृष्ठ जो यह जानने में रुचि रखता है कि onunloadऐसा होने पर bfcache किसके कारण होगा विकलांग होना। उस पृष्ठ को नए सिरे से लोड किया जाएगा जब आप bfcache से प्राप्त होने के बजाय, उस पर वापस जाते हैं।

इसलिए यदि आप सेट करते हैं window.onunload= function() {};, तो आप वास्तव में क्या कर रहे हैं जानबूझकर bfcache तोड़ रहा है। यह आपके पृष्ठों को नेविगेट करने में धीमा होगा, और अंतिम उपाय के अलावा इसका उपयोग नहीं किया जाना चाहिए।

यदि आपको यह जानने की आवश्यकता है कि उपयोगकर्ता आपके पेज पर कब जाता है या आपके पेज पर वापस आता है, तो bfcache को गड़बड़ किए बिना, आप इसके बजाय ईवेंट onpageshowऔर onpagehideघटनाओं को फंसा सकते हैं :

window.onload=window.onpageshow= function() {
    alert('Hello!');
};

Question 4

आप घटना की persistedसंपत्ति की जांच कर सकते हैं pageshow। यह प्रारंभिक पृष्ठ लोड पर गलत पर सेट है। जब पेज कैश से लोड होता है तो यह सही पर सेट होता है।

window.onpageshow = function(event) {
    if (event.persisted) {
        alert("From bfcache");
    }
};

किसी कारण से jQuery के पास यह संपत्ति घटना में नहीं है। आप इसे मूल घटना से पा सकते हैं।

$(window).bind("pageshow", function(event) {
    if (event.originalEvent.persisted) {
        alert("From bfcache");
    }
});

Question 5

कुछ भी नहीं करता है कि एक "onunload" घटना में तार:

<html><body>
<script type="text/javascript">
  window.onload = function() { alert('window.onload alert'); };
  window.onunload = function(){}; 
  alert('inline alert');
</script>
<a href="1.html">Click Me!</a>
</body></html>

Question 6

जहाँ तक मुझे पता है फ़ायरफ़ॉक्स onLoadवापस आग की घटना नहीं करता है ।

यहाँ इस लिंक के आधार पर इसके बजाय onFocus को ट्रिगर करना चाहिए ।

Question 7

जावास्क्रिप्ट को निष्पादित करने के लिए एक पेज बनाने का एक सरल तरीका जब उपयोगकर्ता ब्राउज़र इतिहास का उपयोग करके इसे वापस नेविगेट करता है, तो OnPopState ईवेंट है। हम अपने होम पेज ( https://fynydd.com ) पर वीडियो को रोकने और पुनः चलाने के लिए इसका उपयोग करते हैं ।

window.onpopstate = function() {

    // Do stuff here...
};

Question 8

अजाक्स संचालन जैसे कुछ मामलों के लिए url परिवर्तन श्रोता का उपयोग किया जा सकता है

$(window).on('hashchange', function() {
        ....
});