重新加载JavaScript文件而不刷新HTML

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时,是否可以重新加载这些Javascript文件而无需重新加载整个HTML页面？

Answer 1

您可以删除然后重新添加它们:

$('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 2

不（至少没有破解），事实上 - 重新加载时要非常小心。您的 JavaScript 很可能会被缓存，这会导致尝试调试时非常头痛，因为您的更新没有应用。

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