Просмотр HTML-тегов и веб-страницы в Firefox

Хотите ли вы упростить просмотр HTML-тегов веб-страницы, не просматривая исходный код в отдельном окне? Теперь вы можете просматривать веб-страницу и теги в одном окне, используя расширение X-Ray для Firefox..

До

Обычно, если вы хотите увидеть исходный код за веб-страницей, вы должны просмотреть его в отдельном окне. Если вас интересует только определенный раздел, то вам нужно поискать весь набор кода, чтобы найти то, что вы ищете.

После

Расширение X-Ray позволит вам видеть теги документа (включая имена классов и идентификаторов) «бок о бок» с веб-страницей на той же вкладке. Вы можете использовать контекстное меню или меню инструментов для доступа к команде X-Ray.

Вот тот же раздел веб-страницы, показанный на первом скриншоте выше. Сначала это может выглядеть немного странно, пока вы не привыкнете видеть оба вместе.

Примечание. Вы можете вернуть веб-страницу в обычный вид, либо снова щелкнув по команде «Рентген», либо обновив страницу..

Код для части боковой панели на той же веб-странице ...

Вслед за одним из наборов ссылок в конце.

Рассматривая другой пример, предположим, что вас интересует, как настроена часть основного канала..

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

Заключение

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

связи

Загрузите расширение X-Ray (дополнения Mozilla)