Chrome'i arendusvahendite kohandamine DevToolsi autori abil

Kui olete Frontend-arendaja, siis peaksite juba teadma Google Chrome'i DevTools-paneelist. See on kaasas iga Chrome'i versiooniga, pakkudes tööriistu toores HTML / CSS-i redigeerimiseks koos JS-konsooliga ja võime manipuleerida DOM-i reaalajas.

Uus tasuta Chrome'i plugin nimega DevTools Author võimaldab teil kohandada DevToolsi paneeli ekstra süntaksi värviskeemide, unikaalsete fondide ja kohandatud fondi suurustega.

Seadistamine on üsna lihtne. Installite laienduse Chrome'i veebipoes ja külastate seejärel seda linki oma brauseris: chrome: // lipud / # enable-devtools-eksperimendid

Leiad ennast Chrome'i lippude paneelil, kus peaksite lubama DevToolsi eksperimendid. Kui see on lubatud, peate Chrome'i uuesti käivitama, avama DevTools'i seadete paneeli ja leidma vahekaardi „Experiments”.

Siis kontrollige lihtsalt "lubage kohandatud kasutajaliidese teemasid" ja sa oled hea minna!

Võite valida üle 25 erineva süntaksi värvilahenduse, mis muudavad Chrome'i redaktori palju lihtsamaks. Ja saate muuta fondi suurust 10px-22px või isegi värskendada konsooli fonte mis tahes operatsioonisüsteemi eelinstallitud fontidele.

See plugin ei lisa ühtegi põhifunktsiooni DevTools'ile, vaid võimaldab teil muuta oma DevTools'i akna stiili ja välimust. See on üllatavalt lihtne seadistada ja see võib muuta teie DevToolsi kogemuse tundlikumaks.

Kui teil on seadistamise ajal probleeme, siis vaadake seda juhitud sissejuhatavat videot.