Однажды неожиданно для себя рассмотрел браузер Яндекса поближе, а именно его инструментарий для web-разработчика.
Всё время считал его простеньким дополнением к сёрфингу) И скажу честно – удивился, когда обнаружил полезные примочки для рихтовки сайтов.
Я, как и многие, крепко привык к старинке: “родному” бардачку Firefox с расширением Firebug и т.п. и ничего не хотел видеть кроме. Однако!.. …тем, которые обеспокоены адаптивной доводкой своего блога, будет полезно ознакомиться возможностями Я.Браузера:
консоль отладчика Яндекс Браузера
Откройте браузер или скрин и посмотрите на полезные дополнения:
Ф .2
Отличительной особенностью для новичка (и не только) будет наглядная приборная панель! Кстати сказать – тестерами вроде этого и этого я пользуюсь крайне редко, ибо нахожу ощутимые расхождения с реальными девайсами… а в инструментарии браузера-яшки максимально, на мой взгляд, приближено к реалиям; к тому же, коли иметь в виду реальную погрешность, к примеру, настоящего телефона, то всё вообще замечательно – возможна точнейшая доводка геометрики сайта вплоть до 1px и 02% путём стягивания внутреннего консольного окна.
Предположим: тестируем примерное отображение сайта на различных планшетах или телефонах…
Всё как обычно: открываем браузер – первая клава мыши, выбираем “посмотреть код”, выбираем “мобильник” (кнопочка в панели слева) и…
…стягиваем окно тестера… (не браузера)
Фото 2 подчёркнуто зелёным: активная шкала в px или (подчерк красным) можно выбрать стандартные расширения виртуальных окон девайсов.
А нам остаётся наблюдать, если случится, переломные моменты сайта и экспериментально поправлять тут же в панели ниже – окошко правее (не забывайте сохранять наработки, чтобы перенести в действительный файл стилей – тестер браузера только тестер – поправки не сохраняет).
Кроме того…
Чтобы взглянуть на файлы стилей своего сайта, достаточно кликнуть “Sources” (чуть вправо, на фотке выше) и пройти “по папочкам” до нужного файла… Это иногда полезно для того, чтобы тут же отследить какие величины в селекторах CSS конфликтуют.
Небольшой прейскурант горячих клавкиных комбинаций…
Ctrl+F – искать на странице.
Ctrl+U – исходный код страницы.
Ctrl+Shift+I – открыть код.
Думаю, пошагово описывать прелести струмента-браузера не имеет смысла: сами разберётесь… Всё в общем-то понятно…
Но о факте того, что Яша Browser имеет неплохие инструменты в помощь адаптивной вёрстке, хотелось доложить.
И, конечно же, не стоит отдавать каким-то браузерам файрфоксам окончательные приоритеты, это – неправильно. Но – следует помнить, что они прекрасно друг дружку дополняют!
И пусть коллеги простят мою некомпетентность, коли я разглядел лихость Я.Б поздновато)
вероятно, имеет смысл подписаться (впереди более подробный разбор бардачка интернетинга, в котором великое множество непостигнутого)):
Online консультация по настройкам и созданию сайтов на WordPress
mihalica.ru !
Михаил ATs -