Як використовувати функцію `дослідити елемент` в mozilla firefox
Функція «Дослідити елемент» в Firefox дозволить вам переглянути HTML код веб-сторінки. Активувавши цю функцію, ви зможете змінити HTML і CSS. Експериментуйте, вносячи будь-які зміни, а потім просто поновіть сторінку, щоб повернутися до її первісного вигляду.
кроки
Частина 1 з 2:
дослідження елементів1. Оновлення Firefox (якщо хочете). Ви не зможете активувати всі функції, які описуються в цій статті, якщо працюєте зі старою версією Firefox. Визначте вашу версію цього браузера, щоб запустити його автоматичне оновлення.
- У Firefox 9 і більш ранніх версіях функції «Дослідити елемент» взагалі немає.

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

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

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

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

6. Навігація по HTML коду. Клацніть по будь-якій області в подокне з HTML кодом. Використовуйте клавіші зі стрілками (на клавіатурі), щоб переміщатися по коду (в Firefox 39+). Це корисно в тому випадку, якщо елемент досить маленький.

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

2. Двічі клацніть по HTML коду, щоб відредагувати його. Введіть новий код та натисніть Enter, щоб зберегти зміни.

3. Натисніть і утримуйте рядок з налагоджувальними операторами, щоб отримати доступ до додаткових опцій. Цей рядок розташована між панеллю інструментів і шибка з HTML кодом. Ось неповний список додаткових опцій:
або ).

4. перетягування. Щоб переставити елементи, натисніть і утримуйте HTML код до тих пір, поки не з`явиться пунктирна лінія. Перемістіть її вгору або вниз і відпустіть, коли лінія досягне потрібного положення.

5. Закрийте подокна функції «Дослідити елементи». Для цього просто натисніть на значок «X» (в правому дальньому кутку панелі інструментів).
Поради
- Ви також можете відкрити панель інструментів таким чином:
- Windows. Натисніть «Firefox» - «Розробник» - «Панель інструментів».
- Mac OS або Linux. Натисніть «Інструменти» - «Розробник» - «Панель інструментів».