Onani HTML ndi CSS ya Tsamba Lililonse la Webusaiti
Webusaitiyi imamangidwa ndi mizere ya code , koma zotsatira zake ndi masamba enieni omwe ali ndi zithunzi, kanema, ma fonti ndi zina. Kusintha chimodzi cha zinthuzo kapena kuwona chomwe chiri, muyenera kupeza mndandanda wa code womwe umayendetsa. Mungathe kuchita zimenezi ndi chida choyendera.
Makasitomala ambiri a pawebusaiti samakupangitsani kuti muyambe kugwiritsa ntchito chida choyendera kapena muikepo kuwonjezera. M'malo mwake, amakulolani pomwepo pamasamba a tsamba ndikusankha Yang'anani kapena Yang'anani Element . Komabe, njirayi ingakhale yosiyana kwambiri ndi osatsegula.
Yendani Zinthu mu Chrome
Mabaibulo atsopano kwambiri a Google Chrome aloleni kuti muyang'ane tsambali m'njira zingapo, zomwe zonsezi zimagwiritsa ntchito Chrome DevTools yake yomangidwa:
- Dinani pakani pa tsamba (kapena malo opanda kanthu) ndipo sankhani Yang'anani
- Lowani njira yachidule ya Ctrl + Shift + I
- Gwiritsani ntchito mapulogalamu a Chrome kuti mupeze Zida Zambiri> Zotsatsa zosankha
Chrome DevTools imakulolani kuchita zinthu ngati zokopera mosavuta kapena kusintha HTML mizere kapena kubisa kapena kuchotsa zinthu zonse (mpaka tsamba libwererenso).
Pomwe DevTools ikatsegulira mbali ya tsamba, mukhoza kusintha komwe kuli, yesani pa tsamba, fufuzani mafayilo onse a tsamba, sankhani zinthu zomwe zili patsambali kuti muyambe kufufuza, ma fayilo ndi ma URL, ndipo ngakhale mutenge gulu za makonzedwe.
Yang'anani Zithunzi mu Firefox
Monga Chrome, Firefox ili ndi njira zingapo zowatsegula chida chake chotchedwa Inspector:
- Dinani kumene kumalo opanda kanthu pa tsamba kapena sankhani chinthucho, ndipo sankhani Yang'anani Element
- Lowani Ctrl + Shift + T kapena Ctrl + Shift + I ndi keyboard
- Kuchokera ku menyu ya Firefox, dinani Mkonzi > Woyang'anira
- Kuchokera pa Zida zam'mbuyo, dinani Mkonzi wa Webusaiti> Woyang'anira
Pamene mukusuntha mouse yanu pa zinthu zosiyanasiyana mu Firefox, The Inspector chida amapeza kupeza element source source information. Dinani chinthu ndi "kufufuza kwina" kudzaima ndipo mukhoza kufufuza zomwe zili muwindo la Inspector.
Dinani pakanema chinthu kuti mupeze zonse zothandizidwa. Mukhoza kuchita zinthu monga kusintha tsamba monga HTML, kukopera kapena kusunga code HTML mkati kapena kunja, kusonyeza DOM katundu, screenshot kapena kuchotsa mfundo, mosavuta kugwiritsa ntchito makhalidwe atsopano, onani CSS tsamba lonse, ndi zina.
Yang'anani Zithunzi mu Opera
Opera akhoza kuyendera zinthu, komanso ndi DOM Inspector chida chomwe chiri chimodzimodzi kwa Chrome. Pano ndi momwe mungayendere:
- Gwiritsani ntchito njira yachinsinsi ya Ctrl + Shift + I
- Yendetsani ku Menyu> Zida Zambiri> Onetsani masewera osinthika , ndiyeno mutsegule menyu kudzera mu Menu> Developer> Tools Developer
- Kuchokera pamanja pakani menyu pa chinthu chirichonse pa tsamba, sankhani Yang'anani chinthu
Yendani Zithunzi mu Internet Explorer
Zomwezo zowunika chinthu chomwecho, chotchedwa Developer Tools, chilipo mu Internet Explorer:
- Dinani F12 pa kibokosi
- Gwiritsani ntchito Zida> F12 Womasulira Mndandanda njira (hit Alt + X ngati simukuwona Zida menyu)
- Dinani pakanema pa tsamba ndipo dinani Yang'anani Element
IE ili ndi Select element tool in mndandanda watsopanowu yomwe imakulolani kuti mulowe pa chidutswa chirichonse cha tsamba kuti muwone zambiri za HTML ndi CSS. Mukhozanso kulepheretsa / kuwalitsa zinthu zomwe zikuwonetseratu pamene mukufufuzira kudzera mubukhu la DOM Explorer .
Mofanana ndi zida zina zofufuza zomwe zili pamwambazi, Internet Explorer imakulolani kudula, kukopera, ndi kusonkhanitsa zinthu komanso kusintha HTML, kuwonjezera zikhumbo, kukopera zinthu ndi mafashoni omwe alipo, ndi zina.