Если судить по количеству употребляемых кебабов, то очень любят. Просто жить без них не могут. На программистской кухне Дзен кебабов невероятное множество. Однако пришла пора пояснить, что «кебаб» в данном контексте – несъедобен. Более того, как я понимаю, это сленг. На самом деле «кебаб» - это меню выбора (чего-либо) на страничке. На этой страничке (которую вы смотрите) оно тоже присутствует. Для примера возьмём любого автора Дзен. Смотрите:
Почему он так называется? А вы сравните с изображением мясного блюда на первой картинке: разве не похоже? Нет? Ну, у веб-программистов по этому поводу другое мнение. Остаётся лишь порадоваться их своеобразному чувству юмора.
Если на эти точки нажать, то появляется меню выбора. Здесь оно вот такое:
На самом деле таких кебабов на страничке превеликое множество. Иногда они скрытые, и появляются только в том случае, если над ним провести мышиным курсором.
Ах, да… тут необходимо сделать примечание: всё, что я рассказываю – относится к страничке Дзен, отображаемой на экране компьютера (ноутбука). Владельцам телефона эта же самая страничка отображается в другом виде, имеет в своей основе совершенно другой код, и я её касаться не буду. Может быть, когда-нибудь. Там слишком всё сжато, и очень маленький простор для вывода дополнительной информации, кроме странички. Там и сама страница еле умещается. И мне это пока не интересно.
А что интересно? Интересно, как выглядит тот же самый «кебаб» в тексте (коде) странички. Это, я вам скажу, тот ещё квест. Сейчас мы вместе попытаемся его найти. Для этих целей будем использовать Яндекс-браузер. В нём, как ни странно, есть все инструменты для просмотра кода странички. Так что всё необходимое у нас под рукой, и никаких сторонних программ устанавливать не нужно. Более того, Яндекс-браузер, как никакой другой, знает, как правильно выводить свою собственную страницу.
Вызывается просмотр кода нажатием в любом (пустом) месте странички правой кнопкой мыши (ПКМ). Далее нажимаем последний пункт под названием «Исследовать элемент». Я пользуюсь именно им, и вам советую.
И теперь смотрите, что произошло: справа появился код страницы. Представляю вам кусочек кода, начиная сверху:
Что делать дальше? Вы ещё не забыли зачем всё это было нужно? Мы ищем «кебаб», который разворачивает меню справа от подписки. Для этого потихоньку перемещаем мышу вниз, начиная с треугольничка «body», одновременно следя за тем, чтобы наш «кебаб» был всё время подсвечен синим цветом. Если треугольник, подсвечивающий «кебаб» повёрнут остриём вправо, кликаем по нему, чтобы развернуть вниз.
Итогом должна стать строчка «svg viewBox»
При этом подсвеченный кебаб будет выглядеть вот так:
Это и есть цель поиска. Здесь находится строка кода для управления меню «кебаб». А сам «кебаб» здесь обозначен, как «#dots_vertical», что в переводе означает, как вы уже догадались, «точки вертикальные». Вроде всё логично. Кстати, раньше это называлось именно «kebab», но всё течёт, всё меняется. Программисты постоянно шлифуют свой код (что не может не радовать).
Таким способом можно найти в коде страницы любой управляющий элемент, любой текст, и попытаться понять, как всё устроено. Устроено, надо сказать, очень сложно. Тем интереснее разбирать это чудо программистской мысли, под названием Dzen.
Кто-то спросит, – почему именно этот канал? Отвечу так: он для меня наиболее удобен, поскольку относительно мал, и почти не нагружает мой компьютер при подобных исследованиях. В то же самое время он достаточно давно присутствует на платформе, чтобы исследовать некоторые другие элементы. А их очень много, и все они не менее интересны.
На самом деле, способов вывода меню на экран достаточно много. Если спросить об этом поисковик, то вот что можно найти:
Как видите, я не фантазирую, и меню «кебаб» именно так и называется. Однако другие названия не менее цветисты и остроумны. Чего стоит только «Hamburger» (Гамбургер), и «Candy box» (Ящик конфет).
Засим прощаюсь. Если вы дочитали до этого места, то вы молодцы. Надеюсь, вам было интересно.