Есть ли инструмент отображающий все шрифты и размеры на странице сайта?

Question

[tgarl]

Суть проблемы такова: на сайте битрикс(это чтобы понимали о том что я подразумеваю под компонентами), на страницах может быть кодлючено несколько компонентов + есть отдельные подключения файлов стилей + инлайновские стили. Когда-то были такие задачи что каждая страница может выглядеть не похожей на другие, следовательно каждый разработчик который учавствовал в процессе создания "попугая" старался на свой лад. Сейчас причесываем сайт и следовательно вопрос есть ли инстумент который покажет что на странице подключается шрифт font-family: 1, font-family: 2, font-family: 3, font-size:11, font-size:12, font-size:13, font-size:14, вот в таких-то файлах, на вот такие теги...
или только каждый файл отдельно анализировать вручную через режим разработчика в браузере?

Comments

[shurshur]

В общем случае - только вручную и совсем нетривиально. Стили могут быть адаптивными (под разные media, разные размеры, разные User-Agent итд), стили могут генерироваться и изменяться в нутри скриптов...

[tgarl]

Ну я так в общем спросил, а вдруг есть такой инструмент, и я не знаю. Все же вручную это все очень муторно делать

Answer 1

[Виктор П.]

Где-то в дев тулзах вроде можно посмотреть. Кажется, про это я видел тут, но тайминги не помню
https://www.youtube.com/watch?v=TiykIPnHvmI&t=1s&a...

Comments

[Ankhena]

14:48

но я бы рекомендовала смотреть целиком

[tgarl]

Спасибо. Посмотрю.