#google-chrome #debugging #inspect-element
#google-chrome #отладка #проверить-элемент
Вопрос:
При использовании элемента проверки в Chrome рядом с кодом CSS отображается маленький желтый значок предупреждения. Что это?
Ответ №1:
Значок просто означает, что в этой строке кода есть ошибка. Например:
background-color:000000;
Вернет этот символ значка, потому что перед шестнадцатеричным числом нет «#», и, следовательно, строка кода неверна.
Ответ №2:
Чтобы получить доступ к функции проверки Chrome, щелкните правой кнопкой мыши на веб-странице, отображаемой Chrome, и выберите опцию «Проверить».
Откроется окно Chrome DevTools.
Для получения дополнительной информации обратитесь к странице обзора Chrome DevTools.
Желтый значок предупреждения в виде треугольника с восклицательным знаком ( ! ) внутри может отображаться, когда Inspect обнаруживает недопустимое определение CSS. На следующем рисунке показан атрибут CSS, который неправильно определяет атрибут «font-size».
Кроме того, значок красного круга с белым «x» может отображаться в правом верхнем углу окна проверки при обнаружении ошибки сценария.
Нажатие на значок красного круга приведет к отображению соответствующего сообщения об ошибке на вкладке «Консоль». Возможно, потребуется расширить область сообщений консоли (в нижней части окна проверки), чтобы полностью просмотреть отображаемое сообщение об ошибке.
Это пример сообщения об ошибке jQuery / JavaScript.
