Як використовувати функцію «досліджувати елемент» в mozilla firefox

Оновлення Firefox (якщо хочете). Ви не зможете активувати всі функції, які описуються в цій статті, якщо працюєте зі старою версією Firefox. Визначте вашу версію цього браузера, щоб запустити його автоматичне оновлення.

• У Firefox 9 і більш ранніх версіях функції «Дослідити елемент» взагалі немає.

Клацніть правою кнопкою миші по будь-якого елементу веб-сторінки, наприклад, по зображенню, тексту, фону або іншого елементу. Якщо у вас немає Двокнопочне миші, затисніть Control і клацніть по елементу лівою кнопкою миші.

У меню, виберіть «Дослідити елемент». У нижній частині вікна відобразиться панель інструментів, а під нею - подокно з HTML кодом сторінки.

Розберіться з панелями інструментів і шибка. Вибравши «Дослідити елемент», в нижній частині вікна відкриється кілька подокон. Ось їх опис: [1]

• Верхній рядок - це панель інструментів. Вона включає кілька вкладок, але нас цікавить найперша (зліва) вкладка «Інспектор» (пофарбована синім кольором). Не перемикайтеся на інші вкладки.
• Під панеллю інструментів розташований рядок з налагоджувальними операторами.
• Нижче розташовано подокно з HTML кодом сторінки. HTML код вибраного вами елемента буде виділено (синім маркером) і розташований по центру цього подокна.
• У подокне справа ви знайдете CSS цієї сторінки.

Виберіть інший елемент. Відкривши подокно функції «Дослідити елемент», ви можете запросто вибрати інший елемент одним з трьох способів:

• Наведіть курсор миші на рядок HTML коду, щоб виділити відповідний елемент (в Firefox 34+). [2] Клацніть по HTML коду, щоб вибрати цей елемент.
• Клацніть по значку «Вибрати елемент зі сторінки». Цей значок розташований на панелі інструментів зліва і має вигляд квадрата з курсором. Наведіть курсор на потрібний елемент (в подокне з HTML кодом), а потім клацніть по елементу, щоб вибрати його.

Знайдіть елемент. На рядку з налагоджувальними операторами знайдіть значок у вигляді лупи (праворуч). Клацніть по цьому значку, щоб відкрити рядок пошуку, і введіть в неї HTML код, який ви шукаєте. Під час введення відкриється спливаюче вікно з відповідними елементами. Клацніть по потрібному елементу і перейдіть HTML код, щоб знайти код цього елемента.