Duba HTML da CSS na Dukkan Yanar Gizo
An gina shafin yanar gizon tare da layi na lambar , amma sakamakon shine shafuka masu mahimmanci tare da hotuna, bidiyo, fonts da sauransu. Don canza ɗaya daga waɗannan abubuwan ko duba abin da ya ƙunshi, dole ne ka sami takamaiman lambar layin da ke sarrafa shi. Kuna iya yin haka tare da kayan aiki na kayan aiki.
Yawancin masu bincike a yanar gizo ba su sa ka sauke kayan aiki na kayan aiki ko shigar da wani ƙara. Maimakon haka, sun bar ka danna dama-da-wane shafi sannan ka zaɓa Duba ko Duba Ƙira . Duk da haka, wannan tsari zai iya zama dan kadan a cikin bincikenka.
Duba abubuwa a Chrome
Ƙarshen kwanan nan na Google Chrome bari ka duba shafin a wasu hanyoyi, duk wanda yayi amfani da Chrome DevTools:
- Danna-dama wani abu a kan shafin (ko wani yanki na blank) kuma zaɓi Duba
- Shigar da maɓallin Ctrl + Shift + I na gajeren hanya
- Yi amfani da menu na Chrome don samun dama ga Ƙarin Kayayyakin> Zaɓuɓɓukan kayan aiki na Developer
The Chrome DevTools bari ka yi abubuwa kamar sauƙaƙe kwafi ko gyara Lissafin Lines ko boye ko share abubuwa gaba ɗaya (har sai shafin ya sake saukewa).
Da zarar DevTools ya buɗe a gefen shafin, za ka iya canza inda aka sanya shi, ka fitar da shi daga cikin shafin, bincika duk fayiloli na page, zaɓi abubuwan daga shafin don bincika, kayar da fayiloli da URLs, har ma da kirkirar bunch na saitunan.
Duba abubuwa a Firefox
Kamar Chrome, Firefox yana da hanyoyi daban-daban don buɗe kayan aiki da ake kira Inspector:
- Danna dama a fili a fili a shafi ko zaɓi wani ɓangare, kuma zaɓi Duba Abubuwa
- Shigar Ctrl + Shift + T ko Ctrl + Shift + Na tare da keyboard
- Daga menu na Firefox, danna Developer > Mai dubawa
- Daga Kayayyakin menu, danna Mai Rarraba Yanar Gizo> Mai dubawa
Yayin da kake motsa motarka akan abubuwa daban-daban a cikin Firefox, kayan aikin Inspector yana gano bayanin bayanin asalin mai mahimmanci. Danna maɓallin da kuma "bincike kan-fly" zai tsaya kuma zaka iya bincika kashi daga Window Inspector.
Dama-dama wani kashi don neman duk ƙa'idodin goyan baya. Zaka iya yin abubuwa kamar gyara shafi kamar HTML, kwafi ko manna cikin ciki ko na waje HTML code, nuna alamun DOM, screenshot ko share kumburi, sauƙin amfani da sabon halayen, duba duk na CSS na, kuma mafi.
Duba abubuwa a Opera
Opera na iya duba abubuwa kuma, yana da kayan aiki mai kula da DOM wanda yayi kama da Chrome. Ga yadda za a shiga shi:
- Yi amfani da gajerar hanya ta hanya Ctrl + Shift + I
- Gudura zuwa Menu> Ƙarin kayan aiki> Nuna Saitin Mai Rarraba , sa'annan ka buɗe menu ta Menu> Mai Cigaba> Masu Tsara Developer
- Daga maɓallin dama-danna kan duk wani nau'i a kan shafin, zaɓa Duba ɓangaren
Duba abubuwa a cikin Internet Explorer
Irin kayan kayan aikin kayan aiki irin wannan, wanda ake kira Developer Tools, yana samuwa a cikin Internet Explorer:
- Latsa F12 akan keyboard
- Yi amfani da kayan aiki> F12 Developer Menu menu (buga Alt X idan ba ka ga menu na kayan aiki )
- Danna-dama a kan shafin kuma danna Duba Shirin
IE yana da kayan aiki mai mahimmanci a cikin wannan sabon menu wanda zai baka damar danna kan kowane shafi na shafi don ganin bayanin HTML da CSS. Hakanan zaka iya musaki / ba da damar nunawa yayin da kake yin bincike ta hanyar DOM Explorer shafin.
Kamar sauran kayan aiki na masu dubawa a cikin masu bincike, Internet Explorer ta baka damar yanke, kwafi, da kuma manna abubuwa da kuma gyara HTML, ƙara halayen, abubuwan kirki da styles da aka haɗe, da sauransu.