Если вы занимаетесь веб-дизайном, то наверняка часто приходится просматривать исходный код HTML-страницы в браузере, искать какие-либо теги, загружать содержимое CSS-файлов и выполнять другие похожие действия. В этой заметке я расскажу как использовать одну встроенную функцию браузера Opera, которая позволяет сильно упростить вышеперечисленные действия и сэкономить кучу времени.
В браузере Opera есть очень хороший инструмент, который позволяет прямо на странице дополнительно показать классы и идентификаторы CSS. Выглядит это примерно так:
Это действительно хорошая идея, которая позволяет сильно упростить и облегчить процесс вёрстки. Подумайте сами — вместо того, чтобы лезть в исходный код страницы и искать какой идентификатор или класс приписан какому-либо элементу, можно тут же на веб-странице посмотреть где какой класс или идентификатор.
Для того, чтобы воспользоваться этой функцией, необходимо включить в браузере «Панель просмотра», которая выглядит следующим образом:
Чтобы включить её, необходимо зайти в главное меню оперы, и пройти по пути Настройки -> Панели инструментов -> Настроить.
В появившемся окне необходимо перейти на вкладку «Панель инструментов» и включить пункт «Панель просмотра».
После этого необходимо открыть исследуемую вею-страницу и в панели просмотра щёлкнуть по выпадающему меню, которое озаглавлено как «Режим автора» (или «Режим пользователя», если вы уже включали один из режимов) и выбрать пункт "Class и id". Для того, чтобы отключить этот режим необходимо проделать обратное действие.
