एचटीएमएल

Question

ताज़ा बिना पुनः लोड JavaScript फ़ाइलों को मैंने एक HTML जो कई जावास्क्रिप्ट फ़ाइलें लोड करता है:

<script src="assets/js/a.js"></script> 
<script src="assets/js/b.js"></script> 
<script src="assets/js/jquery.min.js"></script> 

मैं डिबग/मेरे ब्राउज़र की कंसोल में मेरी Javascripts का परीक्षण करते समय, यह संभव है की आवश्यकता के बिना इन जावास्क्रिप्ट फाइलों को फिर से लोड करने के लिए पूरे एचटीएमएल पेज को पुनः लोड करने के लिए?

Answer 1

वास्तव में (कम से कम एक हैक के बिना नहीं), वास्तव में - बहुत सावधानीपूर्वक पुनः लोड करना बहुत सावधान रहें। यह काफी संभव है कि आपकी जावास्क्रिप्ट कैश हो जाएं, जिससे डीबग करने की कोशिश करने वाले कई सिरदर्द होते हैं, क्योंकि आपके अपडेट लागू नहीं हो रहे हैं।

https://superuser.com/questions/36106/force-refreshing-only-javascript-files-in-firefox-and-chrome

Answer 2

आप को दूर कर सकता है और फिर उन्हें फिर से जोड़:

$('script').each(function() { 
    if ($(this).attr('src') !== 'assets/js/jquery.min.js') { 
     var old_src = $(this).attr('src'); 
     $(this).attr('src', ''); 
     setTimeout(function(){ $(this).attr('src', old_src + '?'+new Date()); }, 250); 
    } 
}); 

Answer 3

jQuery 2.0.3 के साथ परीक्षण किया गया और क्रोम 43

function reloadScript(id) { 

    var $el = $('#' + id); 

    $('#' + id).replaceWith('<script id="' + id + '" src="' + $el.prop('src') + '"><\/script>'); 
} 

क्रोम शिकायत कर रहा है, लेकिन काम करता है:

मुख्य धागे पर सिंक्रोनस XMLHttpRequest को हटा दिया गया है beca अंतिम उपयोगकर्ता के अनुभव के लिए इसके हानिकारक प्रभाव का उपयोग करें। अधिक सहायता के लिए, http://xhr.spec.whatwg.org/ देखें।

आपकी स्क्रिप्ट टैग में आईडी होना चाहिए। कंसोल में कॉल: तो उदाहरण के लिए बटन क्लिक करने के लिए दो बार मार डाला जाता है, तो एक बार पुनः लोड

reloadScript('yourid'); 

, घटना श्रोताओं को दूर नहीं करता है।

Answer 4

पिटाजे के समाधान के आधार पर।

फ़ंक्शन में सभी जावास्क्रिप्ट को दोबारा लोड करें। आप इसे कहीं से भी कह सकते हैं।

$('script').each(function() { 
     if ($(this).attr('src') != undefined && $(this).attr('src').lastIndexOf('jquery') == -1) { 
      var old_src = $(this).attr('src'); 
      var that = $(this); 
      $(this).attr('src', ''); 

      setTimeout(function() { 
       that.attr('src', old_src + '?' + new Date().getTime()); 
      }, 250); 
     } 
    });