Sheba HTML le CSS ea Websaete leha e le efe ea Websaete
Websaete ena e hahiloe ka mela ea khoutu , empa phello ke maqephe a tobileng a nang le litšoantšo, video, fonte le ho feta. Ho fetola e 'ngoe ea likarolo tsena kapa ho bona hore na e entsoe, o tlameha ho fumana moeli o itseng oa khoutu o o laolang. U ka etsa joalo ka sesebelisoa sa tlhahlobo ea lintlha.
Liphetoho tse ngata tsa marang-rang ha li etse hore u kopolle sesebelisoa sa ho hlahloba kapa u kenyelletsa ho eketsa. Ho e-na le hoo, li u lumella hore u tobetse ka mokhoa o nepahetseng sebopeho sa leqephe ebe u khetha Hlahloba kapa Hlahloba Element . Leha ho le joalo, mokhoa o ka 'na oa e-ba o fapaneng haholo le sebapali sa hau.
Hlahloba lisebelisoa tsa Chrome
Liphetolelo tsa morao-rao tsa Google Chrome li lumelle hore u hlahlobe leqephe ka litsela tse 'maloa, tseo kaofela li sebelisang Chrome DevTools ea eona e hahiloeng:
- Tobetsa ka ho toba ntho e itseng leqepheng (kapa sebaka se se nang letho) ebe u khetha Hlahloba
- Kenya shortcut ea Ctrl + Shift + I keyboard
- Sebelisa menyetla ea Chrome ho fihlisa Lisebelisoa Tse Fetotsoang> Khetho ea lithulusi tsa Developer
Chrome DevTools eu lumella ho etsa lintho tse kang ho kopitsa habonolo kapa ho fetola mela ea HTML kapa ho pata kapa ho tlosa lintlha ka ho feletseng (ho fihlela leqephe le boetse le laola).
Hang ha DevTools e bula ka lehlakoreng la leqephe, u ka fetola moo e leng teng, e tlatse ho tsoa ho leqephe, batla lifaele tsohle tsa leqephe, khetha likarolo tse tsoang leqepheng bakeng sa tlhahlobo e khethehileng, likopi tsa kopi le URLs, esita le ho fetola sehlopha ea litlhophiso.
Hlahloba lihlooho tsa Firefox
Joaloka Chrome, Firefox e na le litsela tse fapaneng tsa ho bula sesebelisoa sa sona se bitsoang Mohloli:
- Tobetsa ka ho lekaneng sebaka se se nang letho leqepheng lena kapa khetha ntho e itseng, ebe u khetha Hlahloba Element
- Kenya Ctrl + Shift + T kapa Ctrl + Shift + I ka lebokose
- Ho tswa ho menu ea Firefox, tobetsa Moqapi > Mohloli
- Ho tswa ho Lisebelisoa tsa menu, tobetsa Moqapi oa Websaete> Mohlahlobi
Ha u ntse u tsamaisa mouse ka holimo ho likarolo tse fapaneng tsa Firefox, The Inspector sesebelisoa ka ho toba e fumana ea élément source source code. Tobetsa sebopeho mme "patlisiso ea ho etsoa" e tla emisa mme u ka hlahloba sebopeho se tsoang fensetereng ea Mohloli.
Tobetsa ka ho le letona sehlopha ho fumana litaelo tsohle tse tšehetsoeng. O ka etsa lintho tse kang ho fetola leqephe le HTML, kopitsa kapa ho kenya khoutu ea HTML kahare kapa ka ntle, ho bontša matlotlo a DOM, ho hlakola kapa ho tlosa monoana, ho sebelisa litšoaneleho tse ncha habonolo, sheba tsohle tsa CSS ea leqephe, le ho feta.
Hlahloba lisebelisoa tsa Opera
Opera e ka hlahloba likarolo tsa eona, hape ke sesebelisoa sa DOM Mohloli o tšoanang le oa Chrome. Tsela ea ho fihla ho eona:
- Sebedisa Ctrl + Shift + I tokisetso ea keyboard
- E-ea ho Menu> Lisebelisoa tse Eketsehileng> Bontša konopo ea konopoli , ebe o bula menyetla ho ea ho Menu> Developer> Lisebelisoa tsa Developer
- Ho tloha ho menu ea ho tobetsa ka ho le letona ho ntho leha e le efe e leqepheng, khetha ho hlahloba karolo
Hlahloba Lihlooho ho Internet Explorer
Tlhahlobo e tšoanang ea ntho ea motheo, e bitsoang Developer Tools, e fumaneha ho Internet Explorer:
- Tšoaea F12 lebokoseng
- Sebelisa sesebelisoa sa Tools> F12 Moqapi oa Moqapi (otla Alt + X haeba u sa bone lisebelisoa tsa lisebelisoa )
- Tlanya ka ho le letona leqepheng lena mme o tobetsa Inspect Element
IE e na le Selection element tool in menu ena e ncha e etsang hore u tobetse ho leha e le efe sebopeho sa leqephe ho bona lintlha tsa eona tsa HTML le CSS. U ka boela ua thibela / ho lumella hore karolo e hlahelletseng ha u ntse u ntse u e sebelisa ka tabo ea DOM Explorer .
Joaloka lisebelisoa tse ling tsa lihlopha tsa lihlopha tse hlalositsoeng ka holimo, Internet Explorer eu lumella ho khaola, ho kopitsa le ho pata likarolo hammoho le ho fetola HTML, eketsa litšobotsi, kopitsa likarolo le mekhoa e kopantsoeng, le ho feta.