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

Question

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

有没有办法通过运行无头浏览器来自动测试页面并在包含任何 JS/CSS 文件时抛出错误404？我查看了 CasperJS、PhantomJS 和其他一些浏览器测试框架，但找不到我想要做的事情。

我知道这个问题可以被认为是广泛的，但我完全迷失在这个主题上，并希望得到任何指示。

Answer 1

PhantomJS 显然提供了网络监控。

示例（netlog.js）：

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();
    });
}

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