Javascript 测试页面是否有任何损坏的JS/CSS包含

当我在一个包含许多HTML页面的项目中移动库（JS/CSS文件）以更好地组织时，依赖于最近移动的库的页面通常会断开，除非我手动更新其中的文件路径

是否有任何方法可以通过运行无头浏览器自动测试页面，并在包含JS/CSS文件时抛出错误

404

s？我查看了CasperJS、PhantomJS和其他一些浏览器测试框架，但没有找到我想要做的事情

---

我知道这个问题可以被认为是宽泛的，但我对这个问题完全迷茫了，希望能有任何指点。

PhantomJS显然提供了一些建议

示例（）：

var page=require（'webpage'）。create（），
系统=要求（“系统”），
地址；
if（system.args.length==1）{
log（'Usage:netlog.js'）；
幻影。出口（1）；
}否则{
地址=system.args[1]；
page.onResourceRequested=功能（请求）{
log（'request:'+JSON.stringify（req，未定义，4））；
};
page.onResourceReceived=函数（res）{
log（'received:'+JSON.stringify（res，undefined，4））；
};
第页打开（地址、功能（状态）{
如果（状态！=“成功”）{
console.log（'加载地址失败'）；
}
phantom.exit（）；
});
}

---

安装phantomjs并将其放在您的路径上。将上述代码另存为“netlog.js”，并从命令行导航到包含netlog.js的文件夹，然后运行命令

phantomjs netlog.js”http://www.example.com“

可能吧。或者，你可以打开Chrome，查看网络标签，看看404是什么。我已经做了一段时间了，但我希望能够在多个页面（50+）上快速重复相同的测试。PhantomJS的自述文件说：网络监控。将性能分析、跟踪和导出自动化为标准的HAR格式。我过去曾使用PhantomJS（由CasperJS负责）来实现这一点，它运行得非常好。@Jackson正是我想要的。谢谢！：）你想把这个作为一个答案，这样我可以接受吗？

var page = require('webpage').create(),
    system = require('system'),
    address;

if (system.args.length === 1) {
    console.log('Usage: netlog.js <some URL>');
    phantom.exit(1);
} else {
    address = system.args[1];

    page.onResourceRequested = function (req) {
        console.log('requested: ' + JSON.stringify(req, undefined, 4));
    };

    page.onResourceReceived = function (res) {
        console.log('received: ' + JSON.stringify(res, undefined, 4));
    };

    page.open(address, function (status) {
        if (status !== 'success') {
            console.log('FAIL to load the address');
        }
        phantom.exit();
    });
}