Как обнаружить на странице ошибки 404 с помощью JavaScript?

У меня есть HTML-страница, на которой есть ссылки на несколько файлов JavaScript, CSS и изображений. Эти ссылки вводятся динамически, и пользователь может вручную скопировать HTML-страницу и файлы поддержки на другой компьютер.

Если некоторые JS или CSS отсутствуют, браузер сообщает об этом в консоли. Например:

Ошибка GET file: /// E: /SSC_Temp/html_005/temp/Support/jquery.js

Мне нужно каким-то образом сообщить мне об этих ошибках во встроенном JavaScript-коде HTML-страницы, чтобы я мог попросите пользователя сначала убедиться, что файлы поддержки скопированы правильно.

Есть событие window.onerror , которое просто информирует меня о том, что на странице есть ошибка JS, например, Неожиданная синтаксическая ошибка, но оно не срабатывает в случае ошибки 404 Not Обнаружена ошибка. Я хочу проверить это условие в случае любого типа ресурса, включая CSS, JS и изображения.

Я не люблю использовать jQuery AJAX для проверки физического существования файла - накладные расходы ввода-вывода обходятся дорого для каждой загрузки страницы.

Отчет об ошибке должен содержать имя отсутствующего файла , чтобы я мог проверить, является ли файл основным или необязательным.

Есть идеи?

24
задан Brian Tompsett - 汤莱恩 27 August 2019 в 21:45
поделиться