Хочете простіше побачити HTML-теги веб-сторінки без перегляду вихідного коду в окремому вікні? Тепер ви можете переглядати веб-сторінку та теги, об’єднані в одному вікні, використовуючи рентгенівське розширення для Firefox.
Раніше
Зазвичай, якщо ви хочете побачити вихідний код за веб-сторінкою, ви повинні переглянути його в окремому вікні. Якщо вас цікавить лише певний розділ, вам доведеться здійснити пошук у цілому наборі коду, щоб просто знайти те, що ви шукаєте.
Після
Розширення X-Ray дозволить побачити теги документа (включаючи імена класів та ідентифікаторів) "поряд" із веб-сторінкою на тій самій вкладці. Ви можете скористатися контекстним меню або меню інструментів для доступу до рентгенівської команди.
Ось той самий розділ веб-сторінки, показаний на першому скріншоті вище. Спочатку це може виглядати трохи дивно, поки ви не звикнете бачити обох разом.
Примітка: Ви можете повернути веб-сторінку до її звичайного вигляду, натиснувши ще раз команду рентгенівського знімка або оновивши сторінку.
Код частини бічної панелі на тій самій веб-сторінці ...
Далі йде один із наборів посилань в кінці.
Дивлячись на інший приклад, припустимо, вас цікавить, як налаштована частина основної стрічки.
Можливість побачити, як певний елемент налаштований безпосередньо на веб-сторінці, безумовно, краще, ніж пошук по всій сторінці коду.
Висновок
Якщо ви розробляєте веб-сторінки і хочете легко побачити, як кодується чужий веб-сайт, ви можете спробувати це розширення.
Посилання