Mukauta Chrome-kehitystyökaluja DevTools-tekijän kanssa

Jos olet frontend-kehittäjä, sinun pitäisi jo tietää Google Chromen DevTools-paneelista. Tämä on mukana kaikissa Chrome-versioissa, jotka tarjoavat työkaluja raaka HTML / CSS: n muokkaamiseen yhdessä JS-konsolin kanssa ja kykyä käsitellä DOMia reaaliajassa.

Uusi ilmainen Chrome-laajennus, nimeltään DevTools Author, mahdollistaa mukauttamisen DevTools-paneeliin ylimääräisten syntaksi-värimallien, yksilöllisten fonttien ja mukautettujen fonttikokojen avulla.

Asennus on melko yksinkertaista. Asennat vain laajennuksen Chrome-verkkokaupasta ja käytät sitten tätä linkkiä selaimessasi: chrome: // liput / # enable-DevTools-kokeet

Löydät itsesi Chrome-lippujen paneelista, jossa sinun pitäisi ottaa käyttöön DevTools-kokeilut. Kun se on otettu käyttöön, käynnistä Chrome uudelleen, avaa DevTools-asetukset-paneeli ja etsi "kokeilut" -välilehti.

Sitten tarkistat vain "sallia mukautetut käyttöliittymän teemat" ja olet hyvä mennä!

Voit valita yli 25 eri syntaksi värimaailmasta, jotka tekevät Chrome-editorista paljon helpompaa käyttää. Voit myös muuttaa kirjasinkokoja 10px-22px: stä tai jopa päivittää konsolifontteja mihin tahansa käyttöjärjestelmässä oleviin esiasennettuihin fontteihin.

Tämä laajennus ei lisää mitään ydinominaisuuksia DevToolsiin, vaan sen avulla voit muuttaa DevTools-ikkunan tyyliä ja ulkoasua. Se on yllättävän helppo konfiguroida ja se voi tehdä DevTools-kokemuksenne tuntuvammaksi.

Jos sinulla on ongelmia asennuksen aikana, tutustu tähän opastettuun videoon.