"Tshuaj Ntsuam Xyuas" yog cov cuab yeej tsim tawm hauv Firefox browser uas koj tuaj yeem siv los taug qab HTML code ntawm txhua lub vev xaib. Cov ntawv HTML thiab CSS tus qauv ntawm nplooj ntawv nplooj ntawv tuaj yeem kho nrog "Txheeb Xyuas Element". Koj tuaj yeem sim kho nplooj ntawv txawm li cas los xij koj nyiam thiab tau txais nws rov qab mus rau qhov uas nws yog los ntawm kev rov ua dua lub vev xaib raug kho.
Kauj ruam
Ntu 1 ntawm 2: Txheeb Cov Ntsiab Lus
Kauj Ruam 1. Hloov kho Firefox (xaiv tau)
Nws muaj peev xwm uas koj yuav tsis tuaj yeem nkag mus rau cov yam ntxwv tau tham hauv kab lus no yog tias koj siv Firefox qub. Qhov hloov tshiab yuav raug teeb tsa ncaj qha thaum koj txheeb xyuas Firefox version twg uas koj siv.
Firefox 9 thiab cov qauv ua ntej tsis muaj "Tshawb xyuas Element" cuab yeej txhua
Kauj Ruam 2. Txoj cai-nias rau txhua lub vev xaib
Koj tuaj yeem nyem qhov duab, ntawv, keeb kwm yav dhau, lossis keeb kwm. Yog tias koj tus nas tsuas muaj ib lub pob, ua ke ntawm kev nyem sab laug thiab Tswj qhov tseem ceeb yuav ua rau nyem-nyem.
Kauj Ruam 3. Nyem rau "Tshawb xyuas Element" los ntawm cov ntawv qhia zaub mov nco-down
Lub cuab yeej yuav tshwm nyob rau hauv qab ntawm lub qhov rais. Ib lub vaj huam sib luag hauv qab ntawm lub cuab yeej tseem yuav tshwm thiab tso saib HTML code ntawm nplooj ntawv nquag.
Kauj Ruam 4. Ua kom paub cov cuab yeej uas twb muaj lawm thiab cov vaj huam sib luag
Thaum koj siv "Txheeb Xyuas Element", ntau lub vaj huam sib luag yuav qhib hauv qab qhov browser browser. Cov hauv qab no piav qhia cov npe thiab kev ua haujlwm ntawm cov cuab yeej thiab cov vaj huam sib luag hauv "Tshawb xyuas Element":
- Nyob rau kab saum toj kawg nkaus yog Toolbox Toolbar. Muaj ntau lub cuab yeej los nrhiav tau ntawm no, tab sis peb yuav tsom mus rau Tus Kws Tshuaj Ntsuam khawm ntawm sab laug. Nco ntsoov tias lub pob no tau ua haujlwm (qhia los ntawm cov xim ntawm lub pob uas tig xiav thaum nquag) thoob plaws phau ntawv qhia no.
- Hauv qab no, muaj kab ntawm HTML ntsiab lus 'breadcrumbs uas qhia qhov chaw ntawm cov khoom uas tau xaiv tam sim no.
- Lub pane hauv qab cov lus qhia qhia pom HTML ntoo lossis "Markup View" ntawm nplooj ntawv web. HTML ntawm cov khoom uas tau xaiv yuav raug cim thiab nyob rau nruab nrab hauv kab ntawv no.
- Lub pane ntawm sab xis qhia cov nplooj ntawv web page tam sim no CSS stylesheet.
Kauj Ruam 5. Xaiv lwm lub ntsiab lus
Thaum lub cuab yeej qhib, koj tuaj yeem xaiv lwm yam yooj yim. Muaj peb txoj hauv kev los ua qhov no:
- Hover hla kab ntawm HTML txhawm rau cim cov khoom xaiv (qhov tshwj xeeb no xav tau Firefox 34+). Nyem rau HTML los xaiv lub caij ntawd.
- Nyem rau "Xaiv Element" cov cuab yeej nyob rau hauv kaum sab laug ntawm lub toolbar: nws muaj tus cursor-shaped icon saum lub npov. Tsiv tus cursor ntawm nplooj ntawv web los cim ib qho thiab nyem rau xaiv nws.
Kauj Ruam 6. Txheeb tus lej HTML
Nyem qhov twg hauv HTML pane. Siv sab laug thiab sab xis coj mus rau ntawm cov keyboard kom txav los ntawm tus lej mus rau tus lej (qhov tshwj xeeb no xav tau Firefox 39+). Txoj hauv kev no muaj txiaj ntsig rau kev xaiv cov ntsiab lus uas tsawg dhau los xaiv nrog tus cursor.
- Greyed tawm HTML qhia cov ntsiab lus uas tsis tshwm ntawm nplooj ntawv. Cov ntsiab lus suav nrog hauv no yog cov lus pom, zoo li cov lej, thiab lwm yam ntsiab lus zais los ntawm CSS cov cuab yeej khoom.
- Nyem xub xub sab laug ntawm lub npov los qhia lossis zais cov ntsiab lus. Txhawm rau pom tag nrho cov ntsiab lus, tuav alt="Duab" lossis kev xaiv thaum nyem xub.
Kauj Ruam 7. Nrhiav lub hauv paus
Nrhiav rau lub chaw tshawb nrhiav (lub voj-zoo li lub cim) nyob rau sab xis ntawm lub khob cij ua kab. Nyem txhawm rau nthuav kev tshawb fawb thiab ntaus tus lej HTML uas koj xav tshawb nrhiav. Raws li koj ntaus ntawv, ib qho pop-up yuav raug tso tawm kom pom cov txiaj ntsig tshawb fawb. Nyem ib lub ntsiab lus los ntawm cov txiaj ntsig tshawb fawb thiab nqes mus rau HTML kab ntawv rau tus lej uas koj tab tom nrhiav.
Ntu 2 ntawm 2: Hloov kho HTML
Kauj Ruam 1. Rov qab nplooj ntawv los pib dua
Yog tias koj tshiab rau cov cuab yeej txhim kho lub vev xaib, nco ntsoov tias koj tsis hloov pauv mus tas li rau nplooj ntawv uas koj hloov kho. Koj qhov kev kho tsuas yog tshwm ntawm koj lub vijtsam kom txog thaum koj rov qhib lossis kaw nplooj ntawv. Ua siab zoo sim txawm tias koj tsis paub tias yuav muaj dab tsi tshwm sim.
Kauj ruam 2. Nyem ob npaug rau HTML los kho
Ob npaug nias inline HTML. Ntaus cov ntawv tshiab thiab ntaus nkag mus khaws cov kev hloov pauv.
Kauj Ruam 3. Nyem thiab tuav lub cuab yeej hauv lub khob cij kom coj los xaiv ntau dua
Nco ntsoov tias breadcrumb toolbar sits nruab nrab ntawm tsob ntoo HTML thiab toolbar saum toj no nws. Nyem thiab tuav lub cuab yeej hauv kab no kom qhib ntau cov ntawv qhia zaub mov. Hauv qab no yog cov lus qhia ntawm cov kev xaiv muaj (tsis suav nrog):
- "Kho kom raug raws li HTML" tso cai rau koj kho txhua cov ntsiab lus HTML los ntawm tsob ntoo HTML ncaj qha tsis hloov kho ib kab.
- "Copy Inner HTML" theej tag nrho cov ntsiab lus sab hauv ntawm qhov, thaum "Copy Outer HTML" luam cov ntsiab lus thiab cov nodes (xws li lossis
- "Muab tshuaj txhuam →" nthuav tawm ob peb txoj kev xaiv rau qhov twg yuav muab daim ntawv theej, xws li ua ntej ntawm lub node lossis tom qab ntawm thawj tus menyuam.
- : hover,: active, thiab: focus hloov qhov tsos ntawm lub caij thaum tus neeg siv cuam tshuam. Cov teebmeem hloov pauv tau txhais los ntawm CSS cov qauv ntawv (Kho tau los ntawm lub vaj huam sib luag ntawm sab xis).
Kauj Ruam 4. Luag thiab poob
Txhawm rau rov kho cov ntsiab lus hauv txoj cai, nyem thiab tuav lub HTML kom txog thaum kab ntawv pom tshwm. Tsiv txoj kab nce thiab nqis tsob ntoo thiab tso lub nas khawm thaum kab yog qhov koj xav tau.
Cov yam ntxwv no xav tau Firefox 39 thiab tom qab
Kauj Ruam 5. Kaw tus tsim tawm toolbar
Txhawm rau kaw tag nrho Kev Tshawb Fawb Qhov rai, nyem X lub khawm nyob rau sab xis saum toj ntawm lub cuab yeej uas nyob saum CSS vaj huam sib luag.
Lub tswv yim
- Koj tseem tuaj yeem qhib lub cuab yeej los ntawm cov ntawv qhia zaub mov xaiv nyob rau sab saum toj ntawm lub qhov rais:
- Windows: Firefox er Web Developer → Toggle Tools
- Mac lossis Linux: Cov Cuab Yeej → Web Developer → Toggle Tools
- Firefox 40 muaj qhov kev xaiv los nkaum CSS vaj huam sib luag yog li koj muaj chav ntau dua los kho HTML. Saib rau lub cim xub nyob rau ntawm lub ces kaum sab xis ntawm kab ua kab ua kab thiab mus rau sab xis ntawm kab tshawb nrhiav. Nyem rau lub cim no kom zais CSS vaj huam sib luag thiab nyem dua kom coj nws mus.
- Koj tseem tuaj yeem hloov kho CSS vaj huam sib luag, tab sis lawv tsis tau teev nyob hauv kab lus no. Koj tuaj yeem pom cov lus qhia rau kev kho CSS cov cai hauv Is Taws Nem.
