Како да го користите функцијата "Истражувачки елемент" во Mozilla Firefox

Функцијата "Истражувачки елемент" во Firefox ќе ви овозможи да го видите HTML-страницата на веб-страницата. Со активирање на оваа функција, можете да го промените HTML и CSS. Експериментирајте, правите какви било промени, а потоа само да ја ажурирате страницата за да се вратите во оригиналната форма.

Чекори

Дел 1 од 2:

Студија елементи

Еден. Ажурирајте Firefox (ако сакате). Вие нема да можете да ги активирате сите функции опишани во оваа статија ако работите со старата верзија на Firefox. Определете ја вашата верзија на овој прелистувач за да го извршите автоматски ажурирање.

Во Firefox 9 и претходните верзии на функцијата "Истражувачки елемент" на сите.

Сликата со наслов Користете го инспекторот во главниот елемент во Gozilla Firefox чекор 2

2. Десен-клик на било која веб-страница ставка, на пример, по слика, текст, позадина или друг елемент. Ако немате глушец со две копчиња, притиснете ја контролата и кликнете на левото копче на глувчето.

Сликата со наслов Користете го инспекцискиот елемент во чекор 3 на Mozilla Firefox

3. Во менито што се отвора, одберете "Истражувачки елемент". На дното на прозорецот, лентата со алатки ќе се појави, а под него - дното со кодот на HTML-страницата.

Сликата со наслов Користете го инспекцискиот елемент во Чекор 4 на Mozilla Firefox

Четири. Внимавајте на алатниците и дното. Избор "Истражувај го елементот", неколку dotlehone се отвора на дното на прозорецот. Еве го нивниот опис:

Топ стринг е лентата со алатки. Тоа вклучува неколку јазичиња, но ние сме заинтересирани за првиот (левиот) таб "инспектор" (насликани во сина). Не префрлете се на други јазичиња.

Под алатникот има низа со дебагирачки оператори.

Подолу е дното со HTML-страницата. HTML кодот на вашиот избран елемент ќе биде обележан (во сина маркер) и се наоѓа во центарот на овој супстаст.

Во средината на правото ќе најдете CSS на оваа страница.

Сликата со наслов Користете го инспекторот во Mozilla Firefox Чекор 5

Пет. Изберете друга ставка. Откако ќе ги отворите функциите "Истражувачки предмети", можете лесно да одберете друга ставка еден од трите начини:

Поместете го глувчето во HTML кодот за да го означите соодветниот елемент (во Firefox 34+). Кликнете HTML код за да ја изберете оваа ставка.

Кликнете на иконата "Одберете од страницата". Оваа икона се наоѓа на лентата со алатки лево и има квадрат со курсорот. Глувчето во посакуваната ставка (во дното со HTML код), а потоа кликнете на објектот за да го изберете.

Сликата со наслов Користете го инспекторот во Mozilla Firefox чекор 6

6. HTML код за навигација. Кликнете на која било област во дното со HTML код. Користете ги копчињата со стрелки (на тастатурата) за да отидете на кодот (во Firefox 39+). Ова е корисно ако елементот е доста мал.

HTML кодот презентиран со сива фонт се однесува на предмети кои не се прикажани на страната. На пример, коментари, јазли (како што се ) и елементи скриени со CSS.

Кликнете на стрелката лево од контејнерот за да ја распоредите или скриете неговата содржина. За да ги проширите сите контејнери, кликнете Alt или опција кога кликнете.

Сликата со наслов Користете го инспекциониот елемент во Gozilla Firefox чекор 7

7. Најдете елемент. По ред со операторите за дебагирање, пронајдете ја иконата во форма на лупа (десно). Кликнете на оваа икона за да ја отворите стрингот за пребарување и внесете го HTML кодот во него што го барате. Како што се отвора скокачкиот прозорец со соодветните елементи. Кликнете на саканата ставка и скролувајте низ HTML кодот за да го пронајдете кодот на оваа ставка.

Дел 2 од 2:

Уредување на HTML код

Еден. Ажурирајте ја страницата за да ги откажете сите промени што ги внесовте. Запомнете дека промените направени ќе бидат прикажани само на екранот, односно тие не се постојани. Затворање или ажурирање на страницата, тоа ќе се врати во оригиналната форма. Затоа, не плашете се да експериментирате, дури и ако не сте сосема замисли што ќе доведе до.

Сликата со наслов Користете го инспекциониот елемент во чекор 9 на Mozilla Firefox

2. Двоен-клик на HTML кодот за уредување. Внесете го новиот код и притиснете Enter за да ги зачувате промените.

Сликата со наслов Користете го инспекциониот елемент во чекор на Mozilla Firefox

3. Притиснете и држете низа со дебагирачки оператори за да пристапите до дополнителни опции. Оваа низа се наоѓа помеѓу лентата со алатки и земјата со HTML код. Еве некоја нецелосна листа на дополнителни опции:

"Уреди како HTML". Ви овозможува да уредувате цела јазол и сите негови содржини, а не индивидуални линии.

"Копирај внатрешен HTML". Копии сите содржини на јазолот, и "копирање надворешни HTML" опција копии и јазол (на пример,

или ).

"Залепи". Вметнувањата на опциите ќе се отворат, на пример, пред јазолот или по јазолот.

": Лебдиш", ": Активен", ": Фокус". Променете го изгледот на елементот. Точниот ефект го одредува CSS (изменето во десната страна).

Сликата со наслов Користете го инспекцискиот елемент во чекор на Mozilla Firefox

Четири. Влечење. За да ги преуредите предметите, притиснете и задржете HTML код додека не се појави испрекината линија. Поместете го нагоре или надолу и ослободете кога линијата ќе ја достигне саканата положба.

Работи само во Firefox 39+.

Сликата со наслов Користете го инспекцискиот елемент во Gozilla Firefox чекор 12

Пет. Затворете го дното на функциите "Истражете ги предметите". За да го направите ова, едноставно кликнете на иконата "X" (во десниот агол на лентата со алатки).

Совети

Можете исто така да ја отворите лентата со алатки на следниов начин:

Windows. Кликнете на "Firefox" - "инвеститорот" - "Toolbar".
Mac OS или Linux. Кликнете "Tools" - "инвеститорот" - "Toolbar".

Во Firefox 40, можете да го скриете дното со CSS кодот за да го проширите дното со HTML кодот. За да го направите ова, на линијата со операторите за дебагирања, пронајдете ја иконата во форма на стрелка насочена кон десно (веднаш до лупа). Кликнете на оваа икона за да го скриете дното со CSS код - уште еднаш кликнете на иконата за да го распоредите.

Можете исто така да го уредувате CSS кодот, но тоа го надминува овој напис. Па прочитајте Оваа статија.