Почему список виден на странице но отсутствует в исходном коде?
Решил спарсить список учреждений и информацию о них с сайта
На сайте присутствует такой вот список, код которого отображается в панели разработчика:
Но когда я открываю весь исходный код страницы, элементов списка там уже нет:
Собственно проблема в том, что и парсер мой, получая страницу, не находит на ней элементы списка. Как же так получается, что в панели инструментов разработчика они отображаются, а в исходном коде нет? И как все-таки мне их выцепить парсером?
Не отображаются новые элементы на странице html
Недавно начал изучать сайтостроение, для практики захотел сделать небольшой сайт для себя, но столкнулся с такой проблемой, что новые элементы не появляются на странице. Код:
- у html и body стоит height: 100% — 100% от размеров окна.
- у html и dody стоит overflow: hidden — все, что выходит за границы body — скрыто, если экран меньше 650px , например, вы используете редактор jsfiddle, то весь экран займет элемент img , а остальные элементы будут за границами body .
- Да и в целом с разметкой беда. Есть странные конструкции такого плана <h1><img src="./SM.png" height = "650px" width = "650px"></h1> , зачем?
- Вы позиционируете все элементы через position — это неверный подход, попробуйте использовать flex , grid , float .
Смотрите пример, граница body имеет бордер красного цвета, все, что вне данной границы у вас скрыто.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.3.11.43304
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Почему html документ не видит список
В данном случае, сообщение об ошибке понять относительно просто — «unterminated double quote string». Если вы внимательно посмотрите на println!(Hello, world!»); , то заметите, что здесь отсутствует двойная кавычка. Разумеется, сообщения об ошибках могут становиться куда более сложными для понимания по мере роста вашего кода, и даже самые простые случаи могут показаться пугающими для тех, кто ничего не знает о Rust.
- Синтаксические ошибки (Syntax errors): Это ошибки в правильности написания, как это было выше, в примере с Rust. Такие обычно легко исправлять, в той мере, в какой вы знакомы с синтаксисом языка и знаете, что означают сообщения об ошибках.
- Логические ошибки (Logic errors): Это ошибки, появляющиеся в том случае, если синтаксис корректен, но код не выполняет своего предназначения, то есть программа выполняется неверно. Такие исправлять сложнее, чем синтаксические, поскольку не выводится сообщений, указывающих место, где вы ошиблись.
- Для начала, скачайте наш пример отладки и сохраните локально. Эта демонстрация намеренно написана с ошибками, которые нам предстоит обнаружить.
- Далее, откройте её в браузере. Вы увидите нечто вроде этого :
- Сейчас документ выглядит не особо хорошо; Давайте посмотрим в код и выясним почему (Показано только тело документа):
- У параграфа и элемента списка не закрыты теги. На изображении выше видно, что разметка не пострадала, так как браузеру легко сделать вывод о том, где заканчивается один элемент и начинается другой.
- Первый <strong> элемент также не имеет закрывающего тега. Это уже более проблематично, так как сложно сказать, где элемент должен заканчиваться. На деле, весь оставшийся текст был выделен жирным.
- Следующая часть нарушает правила вложенности: <strong>strong <em>strong emphasised?</strong> what is this?</em> . В этом случае код тоже сложно проинтерпретировать по причине, описанной выше.
- В атрибуте href отсутствует закрывающая двойная кавычка. Это послужило причиной крупной проблемы — ссылка не воспроизвелась вовсе.
Почему мой список HTML не отображается в Firefox для мобильных телефонов?
Я использую мобильные телефоны jQuery v 1.4.2. Ниже приведен мой код с моей страницы.
Когда страница сначала загружается на мобильный, она не принимает никаких изменений в css, как background-color или border . Если он обновляется два или три раза, тогда это сработает.
Примечание: он не работает в Firefox для мобильных телефонов.
что может быть причиной/причиной такого поведения. Пожалуйста, порекомендуйте.
2 ответа
Иногда кеш является причиной такого поведения. Нажмите alt + ctrl + Удалить, чтобы очистить кеш браузера и проверить его.. Надеюсь, это сработает.
Могут быть несколько причин, почему изменения не отображаются.
- Не все браузеры интерпретируют html одинаково и могут вычислять такие вещи, как границы, поля, отступы и т.д., Иначе, чем вы могли бы ожидать.
- Браузер не обнаружил изменения в html, потому что вы только изменили данные в.css и, следовательно, html не изменился; так что может показаться, что кешированная версия будет достаточной.
- Вы случайно сохранили новый файл css в неправильном месте через ftp, поэтому сделанные вами изменения не отображаются, потому что он смотрит на старый файл, который не изменился. (это случилось со мной)
- Сервер просто не закончил сохранение/перезапись старого файла и занимает минуту, чтобы завершить операцию; что также объясняет задержку изменений.
Еще одна вещь, которую я иногда делаю, подходит к валидатору HTML w3schools и валидатору CSS w3schools и позволяет им быстро заглянуть в мой код, чтобы убедиться, что я случайно не пропустил ничего; потому что неулокальные теги и другая небольшая ошибка могут вызвать большую разницу в вашем выходе.