Tare da Chrome DevTools nan da nan zamu ga tasirin canje-canje a cikin lambar
Chrome DevTools shine saitin ƙirƙirar gidan yanar gizo da kayan aikin cire kuskure wanda aka gina a cikin Google Chrome. Tabbas, zamu iya amfani dasu a cikin sigar bude tushen; Chromium.
Zai yuwu a sami damar amfani da kayan aikin Chrome don masu haɓakawa ta latsa maɓallin maɓallin Ctrl + Shift + I, kuma ta hanyar shawagi kan wani abu kuma danna dama akan Duba.
Kayan aiki
Idan muka bude Chrome DevTools sai mu ga cewa u ya bayyanan panel zuwa dama na shafin da muke bincika. A nasa bangaren, wannan kwamitin eAn raba shi cikin shafuka masu dacewa da kowane kayan aikin. Hakanan, an rarraba kayan aikin zuwa sassan.
Sassan sune:
- Abubuwa: Yana nuna abubuwa daban-daban na shafin.
- Console: Yana baka damar gudanar da bincike yayin ci gaba ko mu'amala da lambar Javascript kamar yadda zaka yi da tashar Linux.
- Maɓuɓɓuka: Yana sauƙaƙa cire kuskure lambar Javascript ɗinka ka yi aiki tare da fayilolin gida.
- Hanyar sadarwa: Taimakawa wajen saka idanu da haɓaka aikin shafi.
- Lokaci: Yana ba da damar yin rikodi da bincika abubuwa daban-daban da ke faruwa yayin ziyarar shafin.
- Aikace-aikace: Binciki duk albarkatun da aka ɗora; da sauransu, IndexedDB ko Web SQL bayanai, na gida da na zaman ajiya, kukis, ma'ajiyar aikace-aikace, hotuna, rubutu, da zanen gado.
- Tsaro: Gano matsalolin tsaro a cikin lambar.
Bari mu ga abin da za mu iya amfani da shi don Chrome DevTools
Gyara abin da ba ya aiki
Ya faru da kowane mai haɓaka. Rubuta lambar, bincika cewa babu kurakurai, kuma duk da haka a lokacin gaskiya shafin baya aiki kamar yadda yakamata. Kayan aikin Console yana nuna irin kuskuren da ke faruwa a lokacin zartarwa.
Rage lokacin loda
Idan shafi ya dauki lokaci mai tsawo don lodawa, sai mai amfani ya gaji sannan ya tafi wani shafin. Abin farin ciki, shekarun gidan yanar gizo na Flash da abubuwan gabatarwa masu rai sun wuce. Duk da haka shafin yanar gizon yanar gizo na Chrome DevTools yana sauƙaƙa gano abubuwan abubuwan da ke jinkirta ɗaukar kaya. Zamu iya maimaita gwajin don saurin haɗin sauri.
Gyara lambar
A cikin shafin Elements za mu iya duba abubuwan shafi, lambar html mai dangantaka da kayan css. Hakanan zamu iya canza su.
Zamu iya shirya rubutun shafi ta amfani da umarni
document.designMode = 'on';
Gwada girman girman allo
Allunan, wayoyin komai da ruwanka, talabijin mai kaifin baki, kwamfutocin tebur Jerin naurorin da muke hawa yanar gizo dasu suna karuwa. Tare da Chrome DevTools zamu iya gwada idan shafi yayi kyau a girma daban-daban.
Bincike
A cikin Gudanarwa kalmar ƙayyadaddun lokaci yana nufin koya daga mafi kyawun ayyukan waɗanda suke yin daidai da mu. Tare da Chrome DevTolls, idan muna son ƙirar gidan yanar gizo zamu iya duba lambar html da css Stetsheets kuma kwafe su zuwa rukunin yanar gizon mu.
Samun Chrome DevTools
Ana samun Chrome DevTools akan abubuwan bincike na Google Chrome da Chromium. Chromium yana cikin mahimman wuraren rarrabawa. Hakanan za'a iya shigar dashi daga shagunan karye. Amma ga Google chrome zaka iya samu nan. a tsarin DEB da RPM