Kev Tshawb Fawb Cov cuab yeej tsim tawm hauv Firefox tso cai rau koj txheeb xyuas tus lej HTML rau txhua yam uas koj pom ntawm koj lub vev xaib. HTML thiab nrog CSS cov ntawv teev npe tuaj yeem hloov kho tau tag nrho thaum cov cuab yeej no qhib. Kev sim nrog txhua qhov kev hloov pauv uas koj nyiam, tom qab ntawd rov ua nplooj ntawv kom rov zoo li lub hom phiaj ntawm lub vev xaib.
Cov kauj ruam
Ntu 1 ntawm 2: Tshuaj Ntsuam Xyuas
Kauj Ruam 1. Txoj cai-nyem rau txhua lub vev xaib
Koj tuaj yeem-nyem rau ntawm cov duab, ntawv, keeb kwm yav dhau, lossis lwm yam ntsiab lus. Yog tias koj tsis muaj ob-khawm nas, sab laug-nias thaum tuav tswj.
Kauj Ruam 2. Nyem Tshawb xyuas Element los ntawm cov ntawv qhia zaub mov nco-down
Lub cuab yeej yuav tsum tshwm nyob rau hauv qab ntawm koj lub qhov rais. Lub pane tseem yuav tshwm nyob hauv qab ntawm qhov toolbar, tso tawm nplooj ntawv HTML code.
Kauj Ruam 3. Txheeb xyuas cov toolbars thiab panes
Thaum koj nyem Tshawb xyuas Element, ntau lub panes yuav qhib rau hauv qab ntawm koj lub qhov rais. Nov yog kev rhuav tshem ntawm lawv kev siv thiab npe:
- Cov kab saum toj kawg nkaus yog Toolbox Toolbar. Qhov no muaj ntau yam cuab yeej tsim tawm, tab sis peb txaus siab rau Tus Kws Tshuaj xyuas ntawm sab laug. Khaws qhov kev xaiv no (hais txog hauv xiav) rau tag nrho phau ntawv qhia no.
- Hauv qab qhov toolbar, muaj ib kab Breadcrumbs kab ntawm HTML ntsiab lus, qhia tag nrho txoj hauv kev ntsig txog cov khoom xaiv.
- Lub pane hauv qab kab ntawv no qhia txog tsob ntoo HTML lossis "Markup View" ntawm nplooj ntawv. HTML rau cov ntsiab lus uas koj tau xaiv tau hais txog thiab nyob rau hauv qhov pane no.
- Lub pane rau sab xis qhia cov CSS stylesheet rau nplooj ntawv no.
Kauj Ruam 4. Xaiv lwm lub ntsiab lus
Thaum lub toolbar qhib, xaiv lwm lub caij yog yooj yim. Nov yog peb txoj hauv kev los ua nws:
- Hover hla kab ntawm HTML txhawm rau hais qhia lub ntsiab lus sib xws (xav tau Firefox 34+). Nyem rau HTML los xaiv lub caij ntawd.
- Nyem rau Select Element tool nyob rau sab laug ntawm qhov toolbar: lub cim yog tus cursor hla ib lub xwmfab. Tsiv koj tus cursor hla nplooj ntawv los qhia cov ntsiab lus, tom qab ntawv nyem rau xaiv ib qho.
Kauj Ruam 5. Taw los ntawm txoj cai
Nyem qhov twg hauv HTML pane. Siv cov xub thiab sab xis ntawm koj cov keyboard txav mus los ntawm txoj cai (xav tau Firefox 39+). Qhov no muaj txiaj ntsig rau cov ntsiab lus me me los xaiv los ntawm txhais tes.
- Grey HTML cuam tshuam nrog cov ntsiab lus tsis tshwm ntawm nplooj ntawv. Qhov no suav nrog cov lus pom, qee qhov xws li, thiab cov ntsiab lus uas tau muab zais nrog CSS cov cuab yeej tso saib.
- Nyem qhov xub mus rau sab laug ntawm cov ntim kom nthuav lossis zais nws cov ntsiab lus. Txhawm rau nthuav tag nrho cov ntsiab lus, tuav alt="Duab" lossis xaiv thaum nyem.
Kauj Ruam 6. Tshawb nrhiav ib lub ntsiab lus
Saib rau qhov tshawb nrhiav bar (lub iav tsom iav) nyob rau sab xis ntawm kab Breadcrumbs. Nyem qhov no nthuav nws, tom qab ntawv ntaus tus lej HTML uas koj tab tom nrhiav. Raws li koj ntaus ntawv, ib qho popup yuav tshwm sim teev cov khoom sib txuam. Nyem rau ntawm ib qho los xaiv lub ntsiab lus thiab scroll lub HTML pane rau nws cov cai.
Ntu 2 ntawm 2: Hloov kho HTML
Kauj Ruam 1. Kho nplooj ntawv tshiab kom pib dua txhua lub sijhawm
Yog tias koj tshiab rau cov cuab yeej tsim kho lub vev xaib, nkag siab tias lawv tsis hloov pauv tas li. Koj qhov kev kho tsuas yog pom ntawm koj lub vijtsam, thiab tsuas yog kom txog thaum koj kaw nplooj ntawv lossis rov ua dua tshiab. Tsis txhob ua siab deb sim txawm tias koj tsis paub tseeb tias yuav tshwm sim dab tsi.
Kauj ruam 2. Nyem ob npaug rau HTML txhawm rau kho cov ntawv
Ob npaug nias kab ntawm HTML. Ntaus cov ntawv tshiab thiab nias sau kom txuag koj qhov kev hloov pauv.
Kauj Ruam 3. Nyem thiab tuav lub khob cij rau kev xaiv ntau dua
Nco ntsoov, Breadcrumb toolbar tau sib xyaw ntawm tag nrho tsob ntoo HTML thiab lub cuab yeej sab saud. Nyem thiab tuav ntawm ib qho ntawm cov ntsiab lus hauv kab no kom qhib cov ntawv qhia dav dav. Nov yog cov lus qhia tsis tiav rau cov kev xaiv no:
- "Kho kom raug raws li HTML" ua rau lub node thiab tag nrho nws cov ntsiab lus kho tau hauv tsob ntoo HTML, tsis txhob hloov kho kab ib tus zuj zus.
- "Copy Inner HTML" theej tag nrho cov ntsiab lus ntawm lub node, thaum "Copy Outer HTML" theej lub node ib yam (xws li lossis
- "Muab tshuaj txhuam →" coj mus rau ntau txoj kev xaiv rau qhov twg muab tshuaj txhuam, xws li ua ntej ntawm no lossis tom qab thawj tus menyuam ntawm lub node.
- : hover,: active, thiab: focus hloov qhov tsos ntawm lub caij thaum tus neeg siv cuam tshuam nrog nws. Cov txiaj ntsig tau meej yog txiav txim siab los ntawm CSS cov ntawv (hloov kho los 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 cov kab sib npaug tshwm. Tsiv nws nce lossis nqis tsob ntoo thiab tso mus thaum txoj kab sib tsoo nyob hauv qhov chaw xav tau.
Qhov no xav tau Firefox 39 lossis tom qab
Kauj Ruam 5. Kaw tus tsim tawm toolbar
Txhawm rau kaw tag nrho cov qhov rai zoo nkauj no, tsuas yog nias X nyob rau sab xis ntawm lub cuab yeej, saum CSS kab ntawv.
Lub tswv yim
- Koj tseem tuaj yeem qhib lub toolbar nrog cov ntawv qhia zaub mov saum toj no:
- Windows: Firefox er Web Developer → Toggle Tools
- Mac lossis Linux: Cov Cuab Yeej → Web Developer → Toggle Tools
- Firefox 40 qhia txog qhov kev xaiv los nkaum CSS kab ntawv kom muab chaw rau koj ntau dua thaum kho HTML. Saib rau lub cim xub ntawm sab xis ntawm kab Breadcrumbs, mus rau sab xis ntawm kab ntawv tshawb fawb. Nyem rau lub cim no kom zais CSS kab ntawv, thiab nyem nws dua kom nthuav nws dua.
- Lub CSS pane kuj tseem tuaj yeem kho tau, tab sis qhov ntawd dhau ntawm qhov kev qhia ntawm phau ntawv qhia no. Kab lus no qhia CSS hauv paus.
