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

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

Дополнительно:

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

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

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

    • 14:48

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

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

    + Заказать

     

    Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

     

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

      Да, существует инструмент, который позволяет отображать все шрифты и размеры на странице сайта. Для этого можно воспользоваться встроенными инструментами браузера Google Chrome.

      Чтобы увидеть все шрифты и размеры на странице, выполните следующие шаги:

      1. Откройте страницу сайта, шрифты и размеры которых вы хотите просмотреть, в браузере Google Chrome.
      2. Нажмите правой кнопкой мыши на любом элементе страницы и выберите пункт "Инспектировать" (или нажмите клавишу F12).
      3. В появившемся окне инструментов разработчика перейдите на вкладку "Elements" (Элементы).
      4. В верхней части окна инструментов найдите иконку с изображением курсора и прямоугольника (инструмент для выбора элемента на странице) и кликните на нее.
      5. После этого наведите курсор мыши на любой элемент на странице, шрифт и размер которого вы хотите увидеть. Около элемента будет отображаться его CSS-свойства, включая шрифт и размер.

      Таким образом, вы сможете увидеть все шрифты и размеры, используемые на странице сайта с помощью встроенных инструментов браузера Google Chrome.

      // Пример кода на PHP
echo "Пример кода на PHP";

    Оставить комментарий