Skatiet jebkuras tīmekļa lapas HTML un CSS
Mājas lapa ir veidota ar koda līnijām, bet rezultāts ir konkrētas lapas ar attēliem, videoklipiem, fontiem un daudz ko citu. Lai mainītu kādu no šiem elementiem vai redzētu, no kā tas sastāv, jums jāatrod konkrētā koda rinda, kas to kontrolē. To var izdarīt, izmantojot elementu pārbaudes rīku.
Lielākā daļa tīmekļa pārlūkprogrammu neprasa lejupielādēt pārbaudes rīku vai instalēt papildinājumu. Tā vietā viņi ļauj jums ar peles labo pogu noklikšķināt uz lapas elementa un izvēlēties Pārbaudīt vai Pārbaudīt elementu . Tomēr process jūsu pārlūkprogrammā var nedaudz atšķirties.
Pārbaudiet elementus pārlūkā Chrome
Jaunākās Google Chrome versijas ļauj jums pārskatīt lapu, izmantojot vairākus veidus, no kuriem visi izmanto iebūvēto Chrome DevTools:
- Ar peles labo pogu noklikšķiniet uz lapas (vai tukša lauka) un izvēlieties Pārbaudīt
- Ievadiet īsinājumtaustiņu Ctrl + Shift + I
- Izmantojiet Chrome izvēlni, lai piekļūtu opcijai Vairāk rīki> Izstrādātāju rīki
Chrome DevTools ļauj jums darīt lietas, piemēram, viegli kopēt vai rediģēt HTML līnijas vai kopumā slēpt vai dzēst elementus (kamēr lapa netiek ielādēta).
Tiklīdz DevTools atvērsies lapas malā, varat mainīt vietni, izlikt to no lapas, meklēt visus lapas failus, atlasīt elementus no lapas konkrētai pārbaudei, kopēt failus un vietrāžus URL un pat pielāgot saiti. no iestatījumiem.
Pārbaudiet elementus pārlūkprogrammā Firefox
Tāpat kā Chrome, Firefox ir daži dažādi veidi, kā atvērt savu rīku, ko sauc par Inspector:
- Ar peles labo pogu noklikšķiniet uz tukša lauka lapā vai izvēlieties elementu un atlasiet Pārbaudīt elementu
- Ievadiet Ctrl + Shift + T vai Ctrl + Shift + I ar tastatūru
- No izvēlnes Firefox noklikšķiniet uz Izstrādātājs > Inspector
- Rīkjoslā noklikšķiniet uz Web Developer> Inspector
Pārvietojot peli uz dažādiem Firefox elementiem, Inspektora rīks automātiski atrod elementa pirmkoda informāciju. Noklikšķiniet uz elementa, un "pietuvināt meklēšanu" apstāsies, un jūs varat pārbaudīt elementu no inspektora loga.
Ar peles labo pogu noklikšķiniet uz elementa, lai atrastu visas atbalstītās vadības pogas. Varat veikt tādas lietas kā lapas rediģēšana kā HTML, kopēt vai ielīmēt iekšējo vai ārējo HTML kodu, parādīt DOM rekvizītus, ekrānuzņēmumu vai izdzēst mezglu, viegli piemērot jaunus atribūtus, skatīt visu lapas CSS un daudz ko citu.
Apskatīt elementus operā
Opera var pārbaudīt arī elementus, izmantojot DOM inspektora rīku, kas ir identisks Chrome. Lūk, kā nokļūt:
- Izmantojiet īsinājumtaustiņu Ctrl + Shift + I
- Pārejiet uz sadaļu Izvēlne> Citi rīki> Rādīt izvēlni Izstrādātājs un pēc tam atveriet izvēlni, izmantojot Izvēlne> Izstrādātājs> Izstrādes rīki
- No jebkuras lapas elementa labās klikšķināšanas izvēlnes izvēlieties Pārbaudīt elementu
Pārbaudiet Internet Explorer elementus
Līdzīgs pārbaudāmo elementu rīks, ko sauc par Izstrādes rīki, ir pieejams programmā Internet Explorer:
- Nospiediet F12 uz tastatūras
- Izmantojiet rīku Tools (Rīki)> F12 Developer Menu (nospiediet Alt + X, ja neredzat rīku izvēlni).
- Ar peles labo pogu noklikšķiniet uz lapas un noklikšķiniet uz Pārbaudīt elementu
Šajā izvēlnē IE ir atlases elementa rīks, kas ļauj noklikšķināt uz jebkura lapas elementa, lai skatītu tās HTML un CSS datus. Jūs varat arī viegli atspējot / iespējot elementa izcelšanu, kamēr pārlūkojat DOM izlases cilni.
Līdzīgi kā pārējie elementu inspektoru rīki iepriekš minētajās pārlūkprogrammās, pārlūkprogramma Internet Explorer ļauj izgriezt, kopēt un ielīmēt elementus, kā arī rediģēt HTML, pievienot atribūtus, kopēt elementus ar pievienotajiem stiliem un citu informāciju.