Поиск отсутствующих включений JavaScript на веб-сайте

Скажем, у меня есть несколько 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), без необходимости вручную проверять каждый из них? Думаю, я ищу онлайн-инструмент или что-то подобное. Есть идеи?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
1 549
6
Перейти к ответу Данный вопрос помечен как решенный

Ответы 6

Ответ принят как подходящий

Если вы получите плагин firefox Firebug и включите консоли, он должен сообщать вам, когда есть ошибки при получении ресурсов в консоли.

Я бы получил синтаксическую ошибку: Ошибка: синтаксическая ошибка Исходный файл: локальный / js / плохой / имя файла / file.js Строка: 1 Исходный код: <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" Вместо 404, предупреждая меня о проблема. Это также отображается в консоли Firefox.

SeanDowney 11.09.2008 22:37

Откройте вкладку «Сеть» в Firebug и включите ее. Чем освежить.

Andy Li 07.10.2009 16:34

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

Зарегистрируйте свои 404-е.

это сработает, за исключением того, что на сайте, над которым я работаю, отображается «Страница не найдена» вместо 404. Так что я бы получил 200 за то, чего не существовало!

SeanDowney 11.09.2008 22:38

Вы можете отправить заголовок 404 и по-прежнему показывать сообщение «Страница не найдена».

Dogbert 23.06.2010 23:08

Если вы хотите отслеживать на лету, не проверяя, существует ли он, я предлагаю разместить динамические переменные внутри файлов. Тогда просто сделайте что-нибудь вроде этого:

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

Затем в других ваших файлах просто используйте:

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

Если вы не хотите проверять это вручную на клиенте, вам нужно будет сделать это на стороне сервера. Вам необходимо убедиться, что какой бы веб-сервер вы ни использовали, настроен на регистрацию 404-х ошибок, а затем проверить этот журнал, чтобы увидеть, какие HTTP-запросы завершились ошибкой.

Если ваш веб-хост всегда возвращает HTTP-результат «200 OK», независимо от того, существует файл или нет (последний должен выдать «404 Not Found»), браузер не может определить, получил ли он скрипт или нет.

Вы можете попробовать получить файлы через XMLHttpRequest, изучить данные, и, если они выглядят как JS, либо eval (), либо создать тег скрипта, указывающий на тот же самый URL, который вы скачали (если скрипт кэшируемый, он не будет перенести снова, так как в браузере он уже есть).

Другие вопросы по теме