Проверьте, не содержит ли на странице поврежденный JS/CSS

Question

Когда я перемещаюсь по библиотекам (файлам JS/CSS) в проекте со многими HTML-страницами для лучшей организации, часто страницы, которые зависят от этих недавно перемещенных библиотек, ломаются, если я не обновляю их пути к файлам в них вручную.

Есть ли способ автоматически протестировать страницу, запустив безголовый браузер и выдав ошибку, если какой-либо файл JS/CSS включен 404s? Я посмотрел на 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();
    });
}

Установите фантоми и поместите их на свой путь. Сохраните приведенный выше код как "netlog.js" и в командной строке перейдите в папку, содержащую netlog.js, и выполните команду phantomjs netlog.js "http://www.example.com",