A Chrome fejlesztői eszközeinek testreszabása DevTools Szerzővel

Ha Ön frontend fejlesztő, akkor már tudnia kell a Google Chrome DevTools paneléről. Ez a Chrome minden verziójához kapcsolódik, amely eszközöket kínál a nyers HTML / CSS szerkesztéséhez a JS konzollal és a DOM valós idejű manipulálásával..

Egy új, ingyenes Chrome-bővítmény, a DevTools Author nevű eszköz segítségével testreszabhatja a DevTools panelt extra szintaxis színsémákkal, egyedi betűtípusokkal és egyedi betűméretekkel.

A beállítás elég egyszerű. Csak telepítse a bővítményt a Chrome Webáruházból, majd látogassa meg ezt a linket a böngészőjében: chrome: // flags / # enable-DevTools-kísérletek

A Chrome Flags panelen találja magát, ahol engedélyezni kell a DevTools kísérleteket. Ha engedélyezve van, újra kell indítania a Chrome-ot, nyissa meg a DevTools beállítások paneljét, és keresse meg a "kísérletek" fület.

Akkor csak ellenőrizze, hogy "engedélyezze az egyéni felhasználói felület témákat", és jó, hogy menjen!

Több, mint 25 különböző szintaxis színséma közül választhat, amelyek sokkal könnyebbé teszik a Chrome szerkesztőjét. Megváltoztathatja a betűméreteket 10px-22px-rel, vagy akár frissítheti a konzol-betűtípusokat az operációs rendszer minden előre telepített betűtípusára.

Ez a bővítmény nem ad semmilyen alapvető funkciót a DevTools-hoz, hanem lehetővé teszi a DevTools ablakának stílusának és megjelenésének megváltoztatását. Meglepően könnyű beállítani, és a DevTools tapasztalat sokkal személyre szabottabbá válik.

Ha bármilyen problémája van a telepítés során, nézze meg ezt az irányított videót.