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