javascript - Chrome 只是没有完成加载 JS 文件

标签 javascript php html apache google-chrome

我正在编写一个应用程序,该应用程序在 部分中包含大约 12 个短 JS 文件(我知道,我应该将它们合并并在 结束之前移动它们; 会在生产中使用)

问题是,当我尝试在 Chrome 中加载应用程序时,有些文件会立即加载,而有些则根本加载不完! Chrome 一直在尝试加载 12 个 JS 文件并且从不呈现页面直到我点击“停止”。

当我点击停止时,HTML 被渲染并且 JS 文件失败,如下图所示:

JS Load errors

请注意,不同的 JS 文件每次尝试都会失败!每次卡住的不是同一个文件!

检查失败文件的 header 显示“警告:请求尚未完成”。文件有时会卡在“正在接收”中好几分钟!

enter image description here

现在有趣的部分来了,点击停止后,如果我专注于多功能栏并按 Enter,所有 JS 文件立即加载并且应用程序运行正常!

在服务器端,我使用的是 Apache、PHP 和 MySQL。我是否在 Apache 中配置错误?

2 天后的状态:zilch,没什么,nada,这让我发疯了。我尝试从不同的机器上运行代码,尝试更改 apache 缓存设置并在 javascript 中更改了无数东西,但没有任何效果。最糟糕的是,没有人能指出问题出在哪里!

最佳答案

一种可能是您启用了 Keep-Alive,但它无法正常工作。我以前见过这个。浏览器建立与您的服务器的最大连接数(通常为 6 个)以下载前几个文件(CSS、JS 等),然后这些连接在超时之前不会释放。我的症状与你的不太一样 - 超时为 20 秒,之后所有内容都会分批加载 6 个 - 但这仍然可能是原因。

在您的 Apache 配置(大多数系统上的 httpd.conf)中,查找 KeepAlive 行(如果缺少,则添加它)并将其设置为 Off

关于javascript - Chrome 只是没有完成加载 JS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25847083/

相关文章:

javascript - Webpack v4 在单个页面上有多个条目, block 被不必要地重复

javascript - 为什么AngularJS Controller无法在我的电脑上运行?

javascript - 将 Laravel Paginator 与 Ajax 请求一起使用

php - SQL 和 PHP 聚合统计,使用 COUNT 数百次的性能问题

php - Zend Ajax 提交表单

python - 如何使用 BeautifulSoup 从特定字符串解析表?

html - 字体在本地工作但不在服务器上

javascript - 自动完成动态输入字段失败

php - laravel 中的更新方法将在数据库中创建一个新模型

javascript - 如何从我的选择中的 json 获取对象数据?