javascript - 获取脚本标签评估的进度？

Question

我有一个来自 webpack 构建的大型 javascript 正在加载: <script src="application.bundle.js"></script>

我想在脚本加载时添加一个进度条。在 chrome 开发工具时间轴中，我可以看到大部分加载时间都花在这里:“Evaluate Script”，这是可以理解的。有什么方法可以取得进展，或者至少有一个完成的事件来了解脚本何时完成评估？

我可以在应用程序脚本中做一些事情，比如 window.appLoaded = true并定期寻找。有没有办法在不修改应用程序脚本的情况下做到这一点？

Answer 1

如果您想要在文件加载后进行回调，我建议您使用完成时使用回调函数的函数调用异步加载它。

您可以在调用加载程序函数之前设置一个进度微调器，然后回调将其取消。像这样:

function myLoadScript( ) {
    showMyProgress();
    loadScript( 'application.bundle.js', hideMyProgress );
}

此页面显示了几种方法 load scripts asynchronously .那里显示了一个通用的 loadScript() 函数。