Javascripts 导致浏览器内存泄漏

Question

我有一个 Web 应用程序，它是一个监控工具。所以有人会整天在浏览器上保持打开状态。问题是我每 3 分钟刷新一次索引页：

var auto_refresh = setTimeout( function () {
    $('#page-body').load('/Monitor/Index').fadeIn("slow");
}, 180000); 

每次应用程序刷新时，它都会加载 3 个我在布局中调用的 javascript：

<script type="text/javascript" src="@Url.Content("~/Scripts/script-core-v1.0.js")">
</script> 
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.dataTables.js")"> 
</script>  
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.sparkline.js")">
</script>

所以，每次应用刷新时，我的浏览器都会变得越来越大，我认为主要原因是那些脚本。

如何避免这个问题？ 谢谢！

Answer 1

加载该页面的特定部分，而不是整个内容：

$('#page-body').load('/Monitor/Index body')
                                     ^^^^

这是最后的选择器，因此您可以定位特定元素。

如果您不提供选择器，则会加载整个页面（脚本和所有内容）。当您提供选择器时，<script> 标记将被剥离。

另外，您的浏览器可能没有泄漏内存。您的网站正在消耗所有内容。