Kako koristiti funkciju "Explore Element" u Mozilla Firefoxu

Funkcija "Istražite element" u Firefoxu omogućit će vam viđenje HTML web stranice. Aktiviranjem ove funkcije možete promijeniti HTML i CSS. Eksperimentirajte, čineći bilo kakve promjene, a zatim samo ažurirajte stranicu da biste se vratili u izvorni oblik.

Korake

Dio 1 od 2:

Studijski elementi

jedan. Ažurirajte Firefox (ako želite). Nećete moći aktivirati sve funkcije opisane u ovom članku ako radite sa starom verzijom Firefoxa. Odredite svoju verziju ovog pretraživača da biste ga pokrenuli automatski ažuriranje.

U Firefoxu 9 i starijim verzijama funkcije "Istražite elementa".

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 2

2. Desnom tipkom miša kliknite bilo koju web stranicu, na primjer, po slici, tekstu, pozadini ili drugim elementom. Ako nemate miš dva gumba, pritisnite kontrolu i kliknite na lijevu stavku gumba miša.

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 3

3. U meniju koji se otvara, odaberite "Istražite element". Na dnu prozora će se pojaviti alatna traka i ispod njega - dno sa HTML kodom stranice.

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 4

4. Pridržavajte se alatnih traka i dna. Odabir "Istražite element", na dnu prozora se otvara nekoliko dna na dnu prozora. Evo njihovog opisa:

Top string je alatna traka. Uključuje nekoliko kartica, ali zanima nas za prvo (lijevo) tab "inspektore" (obojen u plavom). Ne prelazite na druge kartice.

Pod alatnom trakom nalazi se niz s operaterima za uklanjanje pogrešaka.

Ispod je dno sa HTML kodom stranice. HTML kôd vašeg odabranog elementa bit će označen (u plavom markeru) i nalazi se u centru ove podcance.

Usred prava pronaći ćete CSS ove stranice.

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 5

pet. Odaberite drugi predmet. Otvaranje funkcija "Istražite stavke", možete jednostavno odabrati drugi stavku jedan od tri načina:

Pomaknite miš u HTML kodnoj liniji da biste istaknuli odgovarajući element (u Firefoxu 34+). Kliknite HTML kôd za odabir ovog predmeta.

Kliknite na ikonu "Odaberite element sa stranice". Ova se ikona nalazi na alatnoj traci s lijeve strane i ima kvadrat sa kursorom. Miša preko željenog predmeta (u dnu s HTML kodom), a zatim kliknite na stavku da biste ga odabrali.

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 6

6. HTML navigacijski kod. Kliknite bilo koje područje na dnu s HTML kodom. Upotrijebite tipke sa strelicama (na tastaturi) za navigaciju po kodu (u Firefoxu 39+). Ovo je korisno ako je element prilično mali.

HTML kôd predstavljen sivim font odnosi se na stavke koje nisu prikazane na stranici. Na primjer, komentari, čvorovi (kao što su ) i elementi skriveni sa CSS-om.

Kliknite strelicu ulijevo od spremnika da biste im se rasporedili ili sakrili svoj sadržaj. Da biste proširili sve posude, kliknite Alt ili opciju prilikom klika.

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 7

7. Pronađi element. Zaredom s operaterima za uklanjanje pogrešaka, pronađite ikonu u obliku povećanja (desno). Kliknite na ovu ikonu da biste otvorili string za pretraživanje i unesite HTML kôd u njemu tražite. Kako se otvara skočni prozor s odgovarajućim elementima. Kliknite na željenu stavku i pomaknite se kroz HTML kôd da biste pronašli kôd ove stavke.

2. dio 2:

Uređivanje HTML koda

jedan. Ažurirajte stranicu da biste otkazali sve promjene koje ste unijeli. Imajte na umu da će se izmijeniti promjene biti prikazane samo na ekranu, odnosno nisu konstantne. Zatvaranje ili ažuriranje stranice, vratit će se u originalni oblik. Pa se ne bojte eksperimentirati, čak i ako ne zamislite šta će to dovesti.

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 9

2. Dvaput kliknite na HTML kôd da biste ga uredili. Unesite novi kôd i pritisnite ENTER da biste sačuvali promjene.

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 10

3. Pritisnite i držite niz s operaterima za uklanjanje pogrešaka za pristup dodatnim opcijama. Ovaj niz se nalazi između alatne trake i tla sa HTML kodom. Evo nepotpunog popisa dodatnih opcija:

"Uredi kao HTML". Omogućuje vam uređivanje cijelog čvora i sav njegov sadržaj, a ne pojedinačne linije.

"Kopiranje internog HTML-a". Kopira sav sadržaj čvora, a "kopiranje vanjskih HTML" opcija i čvor (na primjer,

ili ).

"Ubaci". Opcije umetci će otvoriti, na primjer, ispred čvora ili nakon čvora.

": Lebdeći", ": aktivan", ": fokus". Promijenite izgled elementa. Točan učinak određuje CSS (uređeno na desnoj strani).

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox korak 11

4. Povlačenje. Da biste preuredili stavke, pritisnite i držite HTML kôd dok se ne pojavi isprekidana linija. Pomičite ga gore ili dolje i otpustite kada linija dosegne željeni položaj.

Radi samo u Firefoxu 39+.

Slika pod nazivom Koristite inspekcijski element u Mozilla Firefox Korak 12

pet. Zatvorite dno funkcija "Istražite stavke". Da biste to učinili, jednostavno kliknite na ikonu "X" (u desnom kutu na alatnoj traci).

Savjeti

Takođe možete otvoriti alatnu traku na sledeći način:

Windows. Kliknite "Firefox" - "Developer" - "Alatna traka".
Mac OS ili Linux. Kliknite "Alati" - "Developer" - "Toolbar".

U Firefoxu 40 možete sakriti dno sa CSS kodom da biste proširili dno sa HTML kodom. Da biste to učinili, na liniji s operaterima za uklanjanje pogrešaka pronađite ikonu u obliku strelice usmjerene udesno (pored povećala). Kliknite na ovu ikonu da biste sakrili dno sa CSS kodom - Još jednom kliknite ikonu da biste ga implementirali.

Takođe možete uređivati CSS kôd, ali prelazi ovaj članak. Pa pročitajte Ovaj članak.