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