查找网站中缺少的 Javascript 内容

Question

假设我在一个页面中包含多个 JavaScript：

<script type="text/javascript" src="/js/script0.js"></script>
<script type="text/javascript" src="/js/script1.js"></script>
<script type="text/javascript" src="/js/script2.js"></script>
<script type="text/javascript" src="/js/script3.js"></script>
<script type="text/javascript" src="/js/script4.js"></script>

有没有一种方法可以告诉我是否没有找到其中任何一个（404），而无需手动检查每个？我想我正在寻找在线工具或类似的东西。有任何想法吗？

Answer 1

如果你得到 萤火虫 firefox 插件并启用控制台，当控制台中检索资源时出现错误时，它应该告诉您。

Answer 2

我使用其他浏览器的次数不多，不知道在哪里可以找到类似的功能，但 Safari 有一个 活动 显示给定网页的所有包含文件以及无法检索的文件的窗口。

Answer 3

如果您想动态监控而不实际检查它是否存在，那么我建议将动态变量放在文件中。然后就做这样的事情：

var script0Exists = true; // inside script0.js
var script1Exists = true; // inside script1.js

然后在其他文件中，只需使用：

if ( script0Exists ) {
    // not a 404 - it exists
}

Answer 4

记录您的 404。

Answer 5

如果您不想在客户端上手动检查它，则需要在服务器端执行此操作。您需要确保您使用的网络服务器配置为记录 404，然后检查该日志以查看哪些 HTTP 请求失败。

Answer 6

如果您的网站主机总是返回 HTTP 结果“200 OK”，无论文件是否存在（后者应该给出“404 Not Found”），浏览器无法判断它是否收到了脚本。

您可以尝试通过 XMLHttpRequest 检索文件，检查数据，如果它们看起来像 JS，则可以 eval() 它们，或者创建一个指向与您下载的完全相同的 URL 的脚本标记（如果脚本是可缓存的，则不会再次传输，因为浏览器已经拥有它）。