2.20.14. Не работает JavaScript или не отображаются изображения

При работе на хостинге следует учитывать, что операционная система Windows не различает в файлах заглавные и прописные буквы, в отличие от операционных систем семейства Linux, которая установлена на сервере. В связи с этим вам следует принять во внимание, что если вы в HTML укажите имя изображение как Background.jpg, а файл в реальности будет называться background.jpg, то на локальном компьютере с Windows он будет отображаться, а в Linux — нет.

Чтобы этого избежать, не рекомендуем использовать в именах файлов:

  • Заглавные буквы.
  • Пробелы и спецсимволы.
  • Кириллические символы.

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

Для поиска неисправностей, связанных с неправильной загрузкой изображений, стилей, JavaScript и других файлов, рекомендуем выполнить действия по аналогии с этими:

  1. Откройте в браузере страницу сайта, на которой наблюдаются проблемы.
  2. Откройте инструменты разработчика, нажав F12 или сочетание Ctrl+Shift+I.
  3. В появившемся окне переключитесь на вкладку «Сеть» («Network»):
  4. Обновите открытую страницу (например, сочетанием Ctrl+F5).
  5. После перезагрузки страницы в инструментах разработчика отобразится отчёт, в котором можно легко найти элементы страницы, которые не загружаются:
  6. Наведя курсор мыши на элемент, при запросе к которому вернулся ответ 404, можно увидеть полный путь к файлу на сервере:
  7. Открыв полученный путь на FTP и видим, что файл sample-1.jpg называются Sample-1.jpg и из-за этого не загружаются. Переименование файла из Sample-1.jpg в sample-1.jpg решает проблему.
Содержание