1

当我们在 chrome 上运行我们的 web 应用程序时,我们遇到了一些奇怪的问题。应用程序上的所有操作都按预期执行,但在某些日子,当我们执行应用程序的非常基本和常见的功能时,chrome 开始显示此弹出窗口,说明:-“以下页面已变得无响应。您可以等待它变为响应或杀死它。有等待和杀死两个选项。

所以我们想知道,为什么有时应用程序会出现这种意外行为。所以需要你的帮助来找出可能的原因。

小应用程序背景: 1. 分析应用程序有多个选项卡,每个选项卡上有多个图表和网格。2. 对大数据进行操作的 DOM 密集型应用程序。3. 使用 EXTJs -4.2 开发完整的 UI 和 JAVA 作为后端,4. CometD 作为消息服务器。4. Jetty 服务器上部署的应用程序。

因此,我们已经找出了一些可能导致问题但很难确定确切原因的区域。可能需要关注的领域: 1. 在 Chorme 上渲染图表、网格和其他 UI 组件。2. 访问的应用程序的互联网或网络速度慢。3. 对服务器的大量请求和来自服务器的大量响应数据。

所以有什么想法可能导致这种情况。还有任何工具或插件等可用于确定确切的问题区域。

4

2 回答 2

2

您需要分析您的客户端应用程序并查看哪些脚本需要这么长时间以及原因。

Chrome、Firefox 等都为配置脚本提供了不错的开发人员工具,因此应该很容易捕捉到正在发生的事情,例如参见https://developers.google.com/web/tools/chrome-devtools/rendering-tools/ .

一个疯狂的猜测可能是,如果服务器回复大量数据,这将花费大量时间来处理,因此 Chrome 正在抱怨。

您应该考虑在 Web Worker 中处理数据,和/或使用setTimeout批量 UI 更新,另请参阅:

避免“脚本运行时间过长”对话框,我应该拆分我的函数并每隔一段时间运行它吗?

如何防止浏览器中的“停止运行此脚本”?

于 2016-11-29T09:55:31.443 回答
0

如果您进行需要更多时间的同步服务器调用,也会发生这种情况。

于 2016-11-30T18:05:42.330 回答