Yenzelwe ini i-Chrome DevTools?

I-Chrome DevTools iyi- iqoqo lokudala iwebhusayithi namathuluzi okulungisa amaphutha akhelwe ku-Google Chrome. Vele, singazisebenzisa enguqulweni yayo yomthombo ovulekile; I-Chromium.

Kungenzeka ukufinyelela kumathuluzi we-Chrome wonjiniyela ngokucindezela inhlanganisela yokhiye i-Ctrl + Shift + I, futhi ngokuhambisa ngaphezulu kwento nangokuchofoza kwesokudla ku-Inspect.

Izingxenye

Lapho sivula i-Chrome DevTools siyabona ukuthi uvelan ipaneli engakwesokudla sekhasi esiphequlula kulo. Ngokwengxenye yayo, le phaneli eIhlukaniswe ngamathebhu ahambelana nethuluzi ngalinye. Amathuluzi wona ahlukaniswe izigaba.
Izigaba yilezi:

• Ama-elementi: Ibonisa izingxenye ezahlukahlukene zekhasi.
• I-Console: Ikuvumela ukuthi uqalise ukuxilonga ngesikhathi sokuthuthuka noma uhlanganyele nekhodi yeJavascript ngendlela obungaxhumana ngayo ne-Linux terminal.
• Imithombo: Kwenza kube lula ukulungisa iphutha ikhodi yeJavascript futhi isebenze namafayela wendawo.
• Inethiwekhi: Isiza ukuqapha nokwenza ngcono ukusebenza kwekhasi.
• Umugqa wesikhathi: Ivumela ukurekhodwa nokuhlola imicimbi eyahlukene eyenzeka ngesikhathi kuvakashelwa isiza
• Isicelo: Kuphenya zonke izinsiza ezilayishiwe; phakathi kokunye, i-IndexedDB noma i-Web SQL yolwazi, isitoreji sendawo neseshini, amakhukhi, i-cache yohlelo lokusebenza, izithombe, amafonti, namashidi wesitayela
• Ezokuphepha: Ibona izinkinga zokuphepha kukhodi.

Ake sibone ukuthi yini esingayisebenzisela i-Chrome DevTools

Lungisa okungasebenzi

Kwenzekile kubo bonke onjiniyela. Bhala ikhodi, uhlole ukuthi awekho amaphutha, kepha okwamanje ngeqiniso ikhasi alisebenzi ngendlela efanele. Ithuluzi le-Console ikhombisa ukuthi yiliphi iphutha elenzeka ngesikhathi sokwenza.

Nciphisa isikhathi sokulayisha

Uma ikhasi lithatha isikhathi eside ukulayisha, umsebenzisi uyakhathala bese eya kwenye indawo. Ngenhlanhla, ubudala be-Flash web kanye nama-intros wayo opopayi aphelile. Noma kunjalo ithebhu yamanethiwekhi we-Chrome DevTools kwenza kube lula ukuthola ukuthi iziphi izinto ezibambezela umthwalo. Singasiphinda isivivinyo ngezivinini ezihlukile zokuxhuma.

Shintsha ikhodi

Kuthebhu ye-Elements singakwazi bona izinto zekhasi, ikhodi ye-html ehlobene nezakhiwo ze-css. Singazishintsha futhi.

Singahlela umbhalo wekhasi sisebenzisa umyalo

document.designMode = 'on';

Zama osayizi besikrini abahlukile

Amathebulethi, ama-smartphone, ama-TV ahlakaniphile, amakhompyutha wedeskithophu. Uhlu lwamadivayisi esishaya ngawo i-Intanethi lukhula. Nge-Chrome DevTools singakwazi hlola ukuthi ngabe ikhasi libukeka lilihle ngosayizi abahlukene.

izilinganiso

Kwezokuphatha igama elithi benchmarking lisho ukufunda kuzenzo ezinhle zalabo abenza njengathi. Nge-Chrome DevTolls, uma sithanda ukwakhiwa kwewebhusayithi esingakwazi buka ikhodi ye-html kanye nezitayela ze-css bese uzikopisha kusayithi lethu.

Ukuthola i-Chrome DevTools

I-Chrome DevTools iyatholakala kwiziphequluli ze-Google Chrome ne-Chromium. I-Chromium isezinqolobaneni zokusabalalisa okukhulu. Ingafakwa futhi ezitolo snap. Ngokuqondene ne-Google chrome unga fika lapha. ngefomethi ye-DEB ne-RPM