Хотите ли вы упростить просмотр HTML-тегов веб-страницы без просмотра исходного кода в отдельном окне? Теперь вы можете просматривать веб-страницу и теги в одном окне, используя расширение X-Ray для Firefox.
До
Обычно, если вы хотите увидеть исходный код за веб-страницей, вы должны просмотреть его в отдельном окне. Если вас интересует только конкретный раздел, вам нужно выполнить поиск по всему набору кода, чтобы найти то, что вы ищете.
После
Расширение X-Ray позволит вам видеть теги документа (включая имена классов и идентификаторов) «рядом» с веб-страницей на той же вкладке. Вы можете использовать либо контекстное меню, либо меню инструментов для доступа к команде X-Ray.
Вот тот же раздел веб-страницы, показанный на первом скриншоте выше. Поначалу это может выглядеть немного странно, пока вы не привыкнете видеть оба вместе.
Примечание. Чтобы вернуть веб-страницу в обычный вид, снова нажмите на команду «Рентген» или обновите страницу.
Код для части боковой панели на той же веб-странице …
Далее следует один из наборов ссылок в конце.
Рассматривая другой пример, предположим, что вас интересует, как настроена часть основного канала.
Возможность увидеть, как конкретный элемент настроен непосредственно на веб-странице, безусловно, лучше, чем поиск по всей странице кода.
Заключение
Если вы разрабатываете веб-страницы и хотите легко увидеть, как кодируется чужой веб-сайт, вы можете попробовать это расширение.
Ссылки
Загрузите расширение X-Ray (дополнения Mozilla)
