Saib HTML thiab CSS ntawm Tej Yam Web Page
Lub website no ua nrog cov kab ntawm cov cai , tab sis qhov tshwm sim yog cov nplooj ntawv tshwj xeeb nrog cov duab, yees duab, cov ntawv sau thiab ntau dua. Hloov ib qho ntawm cov ntsiab lossis saib nws muaj li cas, koj yuav tsum nrhiav txoj kab ntawm cov cai uas tswj nws. Koj tuaj yeem ua li ntawd nrog ib qho kev tshuaj xyuas lub cuab tam.
Feem ntau cov web browsers tsis ua rau koj download tau ib qho kev ntsuas los yog nruab ib qhov ntxiv. Xwb, lawv cia koj txoj cai-nias ntawm nplooj ntawv thiab xaiv Tshawb Xyuas lossis Tshawb Xyuas Txoj Cai . Txawm li cas los xij, cov txheej txheem yuav txawv me ntsis hauv koj tus browser.
Tshawb xyuas cov ntsiab hauv Chrome
Lub versions tsis ntev los no ntawm Google Chrome cia koj tshawb xyuas cov nplooj ntawv nyob rau hauv ob peb txoj kev, tag nrho cov uas siv nws cov built-in Chrome DevTools:
- Txoj cai-nias ib yam dab tsi ntawm nplooj ntawv (los yog thaj chaw tsis muaj dab tsi) thiab xaiv Tshawb Xyuas
- Sau tus Ctrl + Ua haujlwm + Kuv cov keyboard shortcut
- Siv Chrome ntawv tuaj xyuas cov cuab yeej ntxiv> Cov cuab yeej tsim tawm
Chrome DevTools pub koj ua tej yam xws li yooj yim luam los yog kho kom raug HTML kab los yog zais los yog rho tawm cov ntsiab lus zoo rau nws (txog rau nplooj ntawv rov qab).
Thaum DevTools qhib rau sab ntawm nplooj ntawv, koj tuaj yeem hloov qhov chaw uas nws tau tso, tawm ntawm nplooj ntawv, tshawb tag nrho cov nplooj ntawv cov ntaub ntawv, xaiv cov ntsiab lus ntawm nplooj ntawv rau kev xeem, luam cov ntaub ntawv thiab cov URLs, thiab txawm hloov kho ib pawg ntawm qhov chaw.
Saib Xyuas Cov Qauv hauv Firefox
Zoo li Chrome, Firefox muaj ob peb txoj hau kev qhib nws lub cuab tam hu ua neeg soj ntsuam:
- Txoj cai-nias ib qho chaw seem ntawm nplooj ntawv lossis xaiv lub caij, thiab xaiv Tshawb Xyuas Kho Mob
- Sau Ctrl + Ua haujlwm + T los yog Ctrl + ua haujlwm + nrog cov keyboard
- Los ntawm Firefox cov zaub mov, nias Tsim tawm > Kws Tshaj Lij
- Los ntawm cov ntawv qhia zaub mov, nyem Web Developer> Neeg soj ntsuam
Thaum koj tsiv koj nas lawm ntau yam hauv Firefox, tus neeg soj ntsuam cuab yeej pom tias lub caij qhov chaws cov ntaub ntawv qhia. Nias lub cim thiab qhov "on-the-fly search" yuav nres thiab koj tuaj yeem kuaj xyuas lub hauv paus ntawm Lub Tsev Piav Qhia.
Txoj cai-nias ib lub caij los nrhiav tag nrho cov kev txhawb zog ntawm lwm yam. Koj tuaj yeem ua tej yam xws li kho cov nplooj ntawv li HTML, luam lossis paste puab los yog sab nraud HTML code, qhia DOM properties, screenshot lossis rho tawm ntawm qhov ntawm, yoojyim thov tus tshiab, saib tag nrho ntawm nplooj ntawv CSS, thiab ntau dua.
Tshawb xyuas cov nyob hauv Opera
Opera tuaj yeem tshawb tau cov ntsiab lus, nrog nws yog DOM Qhov Chaw Pabcuam Teeb Haujlwm uas zoo tib yam rau Chrome. Ntawm no yog yuav ua li cas mus rau nws:
- Siv cov keyboard shortcut Ctrl + Ua haujlwm + Kuv
- Next rau zaub mov> Ntau cov cuab yeej> Qhia tus neeg tsim khoom noj khoom haus , thiab qhib lub tshuab raj tawm los ntawm Ntawv qhia> Developer> Developer Tools
- Los ntawm txoj cai-nias lub tshuab raj rau txhua lub caij ntawm nplooj, xaiv Tshawb Xyuas
Tshawb xyuas cov ntsiab hauv Internet Explorer
Ib qho kev sib tham zoo xws li cov cuab yeej tsim tawm, muaj nyob rau hauv Internet Explorer:
- Nias F12 ntawm cov keyboard
- Siv cov cuab yeej> F12 Developer Ntawv Qhia Kev Xaiv (ntaus Nres + X yog tias koj tsis pom cov cuab yeej ntawv qhia)
- Txoj cai-nias ntawm nplooj ntawv thiab nyem Tshawb Xyuas Element
IE muaj lub Xaiv cov cuab yeej ntawm cov cuab yeej tshiab no uas cia koj nyem rau ntawm txhua lub caij los saib nws cov HTML thiab CSS cov ntsiab lus. Koj kuj tuaj yeem cuam tshuam tau yooj yim / pab tau cov ntsiab lus tseem ceeb thaum uas koj tab tom xyuas los ntawm DOM Explorer tab.
Zoo li lwm yam kev tshuaj xyuas cov cuab yeej hauv Internet Explorer, Internet Explorer cia koj txiav, luam, thiab sau cov ntsiab lus raws li kev hloov kho HTML, ntxiv cov cwj pwm, luam cov ntsiab lus uas txuas nrog, thiab ntau dua.