Maxaa loogu talagalay Chrome DevTools?

Chrome DevTools waa a dejinta abuurista degellada iyo qalab baabi'inta lagu dhisay Google Chrome. Dabcan, sidoo kale waan isticmaali karnaa qaabkeeda furan; Chromium.

Waa suurtagal in lagu helo qalabka Chrome ee soo-saareyaasha adoo riixaya isku-dhafka muhiimka ah Ctrl + Shift + I, sidoo kale adoo dul wareegaya cunsur oo aad midig u gujineyso Kormeerka.

Qeybaha

Markaan fureyno Chrome DevTools waxaan arkeynaa inaad muuqaton dhinaca midig ee bogga aan baareyno. Dhinaceeda, gudigan eWaxaa loo qaybiyaa tabs oo u dhigma mid kasta oo ka mid ah qalabka. Dhanka kale, qalabku wuxuu u qaybsan yahay qaybo.
Qeybaha waa:

• Elements: Waxay muujineysaa qaybaha kala duwan ee bogga.
• Console: Kuu ogolaanayaa inaad ku ordo ogaanshaha inta lagu guda jiro horumarka ama la falgalaan code Javascript sida aad la Linux terminal ah.
• Ilaha: Waxay sahlaysaa in laga takhaluso koodhka Javascript oo lala shaqeeyo faylasha maxalliga ah.
• Shabakad: Waxay ka caawisaa kormeerka iyo hagaajinta waxqabadka bogga.
• Waqti-go'an: Waxay u oggolaataa duubista iyo sahaminta dhacdooyinka kala duwan ee dhaca inta lagu guda jiro booqashada goobta.
• Codsi: Waxay baareysaa dhammaan ilaha kaydka ah; iyo kuwo kale, IndexedDB ama Web SQL database, keydinta maxaliga ah iyo fadhiga, cookies, kaydka barnaamijka, sawirada, farta, iyo xaashiyaha qaabka.
• Amniga: Wuxuu ogaadaa dhibaatooyinka xagga amniga ee koodhka.

Aan aragno waxa aan u isticmaali karno Chrome DevTools

Hagaaji waxa aan shaqeynin

Way ku dhacday horumariye kasta. Qor koodhka, hubi inaysan khaladaad jirin, hadana daqiiqada runta boggu uma shaqeeyo sidii la rabay. Qalabka Console waxay muujineysaa qaladka dhacaya waqtiga fulinta.

Yaree waqtiga rarka

Haddii bog uu qaato waqti dheer in la soo raro, adeegsaduhu wuu daalaa oo wuxuu aadaa goob kale. Nasiib wanaagse, xilligii degellada degellada Flash-ka iyo introoskooda firfircoon ayaa dhammaaday. Sikastaba shabakadaha tab ee Chrome DevTools waxay sahlaysaa in la ogaado curiyeyaasha dib u dhigaya culeyska. Waxaan ku celin karnaa imtixaanka xawaaraha isku xirka kala duwan.

Wax ka beddel koodhka

Qeybaha Elements waxaan awoodnaa eeg walxaha bogga, koodhka html ee la xidhiidha iyo sifooyinka css. Waxaan sidoo kale badali karnaa iyaga.

Waan tafatiri karnaa qoraalka bogga adoo adeegsanaya amarka

document.designMode = 'on';

Isku day cabbirka shaashadda ee kala duwan

Kiniiniyada, taleefannada casriga ah, TV-yada casriga ah, kombiyuutarada kumbuyuutarka. Liistada aaladaha aan internetka ku isticmaalno ayaa sii kordhaya. Chrome DevTools waan awoodnaa Tijaabi in bog u muuqdo mid ku fiican cabbirrada kala duwan.

Tijaabinta

Maareynta ereyga 'benchmarking' macnaheedu waa wax ka barashada hababka ugu fiican ee kuwa annaga oo kale sameeya Iyadoo la adeegsanayo Chrome DevTolls, haddii aan jecel nahay naqshadeynta websaydh waan awoodnaa eeg koodhka html iyo waraaqaha qaab-dhismeedka css oo ku nuqul boggeena.

Helitaanka Chrome DevTools

Chrome DevTools waxaa laga heli karaa daalacashada Google Chrome iyo Chromium. Chromium wuxuu ku jiraa keydka qeybiyeyaasha waaweyn. Waxaa sidoo kale lagu rakibi karaa dukaamada SNAP. Sida chrome Google waad awoodaa halkan kaalay. qaab DEB iyo RPM ah