Tazama HTML na CSS ya Ukurasa wowote wa wavuti
Tovuti hiyo imejengwa kwa mistari ya msimbo , lakini matokeo ni kurasa maalum na picha, video, fonts na zaidi. Ili kubadilisha moja ya vipengele hivi au kuona kile kinachojumuishwa, unapaswa kupata mstari maalum wa msimbo unao udhibiti. Unaweza kufanya hivyo kwa chombo cha ukaguzi cha kipengele.
Vivinjari vingi vya wavuti hawakufungui chombo cha ukaguzi au usanidi kuongeza. Badala yake, wao wanakuwezesha kubofya haki ya kipengele cha ukurasa na chagua Kuangalia au Kuangalia Element . Hata hivyo, mchakato unaweza kuwa tofauti kidogo katika kivinjari chako.
Kagua Elements katika Chrome
Matoleo ya hivi karibuni ya Google Chrome kuruhusu uangalie ukurasa kwa njia ngapi, ambayo yote hutumia Chrome DevTools yake iliyojengwa:
- Bofya kitu cha kulia kwenye ukurasa (au eneo tupu) na uchague Angalia
- Ingiza mkato wa Ctrl + Shift + I keyboard
- Tumia menyu ya Chrome ili upate chaguo zaidi cha zana> Programu ya Wasanidi programu
Chrome DevTools inakuwezesha kufanya mambo kama nakala ya urahisi au kubadilisha mistari ya HTML au kujificha au kufuta vipengele kabisa (hadi ukurasa upakiaji).
Mara DevTools inafungua upande wa ukurasa, unaweza kubadilisha mahali ambapo imewekwa, piga kutoka kwenye ukurasa, tafuta mafaili yote ya ukurasa, chagua vipengee kutoka kwenye ukurasa kwa ajili ya uchunguzi maalum, nakala za faili na URL, na hata uboshe kundi ya mipangilio.
Kagua Elements katika Firefox
Kama Chrome, Firefox ina njia kadhaa za kufungua chombo chake kinachoitwa Mkaguzi:
- Bofya haki ya eneo tupu kwenye ukurasa au kuchagua kipengele, na chagua Angalia Element
- Ingiza Ctrl + Shift + T au Ctrl + Shift + I na kibodi
- Kutoka kwenye orodha ya Firefox, bofya Wasanidi programu > Mkaguzi
- Kutoka kwenye orodha ya Tools , bofya Msanidi wa wavuti> Mkaguzi
Unapohamisha mouse yako juu ya vipengele mbalimbali katika Firefox, chombo cha Mkaguzi hupata moja kwa moja kipengele cha habari cha chanzo cha kipengele. Bonyeza kipengele na "on-fly-fly-search" itaacha na unaweza kuchunguza kipengele kutoka kwenye dirisha la Mkaguzi.
Bonyeza-click kipengele kupata udhibiti wote mkono. Unaweza kufanya mambo kama hariri ukurasa kama HTML, nakala au kuweka msimbo wa ndani wa HTML au nje, kuonyesha vipengee vya DOM, skrini au kufuta node, urahisi kutumia sifa mpya, angalia CSS yote ya ukurasa, na zaidi.
Angalia Elements katika Opera
Opera inaweza kuchunguza vipengele pia, pamoja na chombo cha Mkaguzi wa DOM ambacho kinafanana na Chrome. Hapa ni jinsi ya kupata kwao:
- Tumia njia ya mkato ya Ctrl + Shift + I
- Nenda kwenye Menyu> Zana Zaidi> Onyesha orodha ya Wasanidi Programu , na kisha ufungua menyu kupitia Menyu> Wasanidi programu> Vifaa vya Msanidi Programu
- Kutoka kwenye orodha ya kubonyeza haki juu ya kipengele chochote kwenye ukurasa, chagua Angalia kipengele
Kagua Elements kwenye Internet Explorer
Chombo hiki cha kuhakiki kipengele, kinachojulikana kama Tools Tools, kinapatikana katika Internet Explorer:
- Bonyeza F12 kwenye keyboard
- Tumia chaguo la Tools> F12 Menyu ya Wasanidi Programu (futa Alt + X ikiwa huoni Menyu ya Vifaa )
- Bonyeza-click kwenye ukurasa na bofya Angalia Element
IE ina chombo Chagua cha kipengele katika orodha hii mpya ambayo inakuwezesha kubofya kipengele chochote cha ukurasa ili uone maelezo yake ya HTML na CSS. Unaweza pia afya / kuwezesha kipengele cha kuwezesha wakati unapotafuta kupitia kichupo cha DOM Explorer .
Kama vifaa vingine vya mkaguzi katika vivinjari hapo juu, Internet Explorer inakuwezesha kukata, kunakili, na kuunganisha vipengele pamoja na hariri HTML, kuongeza sifa, nakala za vipengee na mitindo iliyoshirikishwa, na zaidi.