ilyachalov (ilyachalov) wrote,
ilyachalov
ilyachalov

Category:

Инструмент разработчика Issues в браузере

Я пользуюсь браузером «Microsoft Edge» на движке «Chromium». В нем есть инструменты разработчика (всего их несколько десятков), которые по-английски называются «DevTools» и вызываются клавишей «F12» с клавиатуры.

Некоторыми из этих инструментов я пользуюсь почти ежедневно. Например, это «Elements» (для просмотра DOM-дерева загруженной HTML-страницы), «Console» (консоль разработчика), «Sources» (для просмотра файлов, из которых построена загруженная HTML-страница). Изредка пользуюсь инструментом «Network» (в нем можно посмотреть порядок загрузки файлов, скорость их загрузки, откуда они взяты — из кэша или нет и так далее).

А теперь вот я еще заинтересовался инструментом «Issues» (на русский это слово можно перевести как «ошибки» или «проблемы»). При загрузке HTML-страницы этот инструмент анализирует ее код (и не только) и выдает список найденных ошибок и нарушений рекомендаций. Подробнее о работе этого инструмента можно узнать тут:

https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/issues/

Каждое сообщение о проблеме можно «раскрыть» и пройти оттуда по ссылкам на ресурсы интернета, которые занимаются выдачей рекомендаций по поводу кода HTML-страниц.

Один из таких ресурсов — сайт «webhint»:
https://webhint.io

Такие анализаторы кода для разных языков программирования по-русски называют «линтерами». Подробнее о линтерах можно прочитать в википедии (по-английски):
https://en.wikipedia.org/wiki/Lint_(software)

Например, для моей тестовой HTML-страницы «webhint» посоветовал (через инструмент разработчика «Issues») поставить HTML-элемент <meta charset="utf-8"> первым в заголовочной части HTML-страницы (он у меня стоял после HTML-элемента title). Тут подробнее:
https://webhint.io/docs/user-guide/hints/hint-meta-charset-utf-8/
Tags: Инструмент, Образование, Программирование, Сайтостроение
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 4 comments