Легко проверить модель элемента с помощью рентгеновского снимка

Вы когда-нибудь хотели узнать точный размер определенного элемента на веб-странице, такого как отступы, поля, положение и так далее? Обычно вы можете получить информацию, используя инструмент веб-инспекции; большинство браузеров имеют встроенные инструменты, которые помогут вам сделать это. Кроме того, вы можете использовать Firebug, который также является довольно популярным веб-инструментом. Когда все усложняется, возможно, вам нужно прибегнуть к такому инструменту, как XRAY.

РЕНТГЕНОВСКИЙ это бесплатный кросс-браузерный инструмент, который позволяет вам увидеть блочную модель для любого элемента веб-страницы прямо в вашем браузере. В отличие от других сложных веб-инструментов проверки, XRAY фокусируется на предоставлении вам полной информации о блочной модели элемента.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Начиная

XRAY – это букмарклет. Чтобы использовать его, перетащите XRAY на панель закладок вашего любимого браузера. XRAY доступен для браузеров на базе IE6 +, Webkit и Mozilla, таких как Safari и Firefox.

Как и другие закладки, XRAY не может работать, если применяется протокол SSL (HTTPS).

Проверка элементов

Чтобы начать проверку, откройте любую веб-страницу, которую вы хотите проверить, убедитесь, что она полностью загружена, и нажмите закладку XRAY. В вашем браузере появится новое всплывающее окно. В этом поле будет отображаться вся информация об элементе, который вы выбрали.

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

Я нажимаю XRAY на панели закладок и выбираю элемент. Это дает мне имя элемента, идентификатор, класс, иерархию, положение, отступ, границу и маржу.

Чтобы закрыть окно, просто нажмите кнопку X в верхнем правом углу окна или обновите страницу, чтобы выйти из инструмента.

Последняя мысль

Помимо расширенной функции проверки коробочных моделей, XRAY не предоставляет вам информацию, обычно доступную в других инструментах веб-контроля, таких как стиль или DOM. Несмотря на это, это все еще довольно полезный и простой в использовании инструмент для повседневного использования.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *