Προσαρμογή των Εργαλείων προγραμματιστή Chrome Με τον συντάκτη του DevTools

Εάν είστε προγραμματιστής frontend τότε θα πρέπει να γνωρίζετε ήδη για τον πίνακα DevTools του Google Chrome. Αυτό συνοδεύεται από κάθε έκδοση του Chrome που προσφέρει εργαλεία για την επεξεργασία πρώτων HTML / CSS μαζί με μια κονσόλα JS και τη δυνατότητα χειρισμού του DOM σε πραγματικό χρόνο.

Ένα νέο δωρεάν plugin για Chrome που ονομάζεται DevTools Author σας επιτρέπει να προσαρμόσετε τον πίνακα DevTools με πρόσθετα σχήματα χρωμάτων σύνταξης, μοναδικές γραμματοσειρές και προσαρμοσμένα μεγέθη γραμματοσειρών.

Η ρύθμιση είναι αρκετά απλή. Μόλις εγκαταστήσετε την επέκταση από το Chrome Webstore και μετά επισκεφθείτε αυτόν τον σύνδεσμο στο πρόγραμμα περιήγησής σας: chrome: // flags / # enable-devtools-πειράματα

Θα βρεθείτε στον πίνακα "Σημαίες Chrome" όπου θα πρέπει να ενεργοποιήσετε τα πειράματα του DevTools. Αφού ενεργοποιηθεί αυτό, θα πρέπει να ξεκινήσετε ξανά το Chrome, ανοίξτε τον πίνακα ρυθμίσεων του DevTools και βρείτε την καρτέλα "πειράματα".

Στη συνέχεια, ελέγχετε απλώς "επιτρέψτε τα προσαρμοσμένα θέματα UI" και είστε καλοί να πάτε!

Μπορείτε να επιλέξετε από πάνω από 25 διαφορετικά σχήματα χρωμάτων σύνταξης που κάνουν τον επεξεργαστή του Chrome πολύ πιο εύκολο στη χρήση. Και μπορείτε να αλλάξετε τα μεγέθη γραμματοσειρών από 10px-22px ή ακόμα και να ενημερώσετε τις κονσόλες γραμματοσειρών σε τυχόν προεγκατεστημένες γραμματοσειρές στο λειτουργικό σας σύστημα.

Αυτό το πρόσθετο δεν προσθέτει βασικές λειτουργίες στο DevTools, αλλά σας επιτρέπει να αλλάξετε το στυλ και την εμφάνιση του παραθύρου DevTools. Είναι εκπληκτικά εύκολο να διαμορφωθεί και μπορεί να κάνει την εμπειρία του DevTools να αισθάνεται πολύ πιο εξατομικευμένη.

Αν έχετε κάποιο πρόβλημα κατά τη διάρκεια της ρύθμισης, τότε ελέγξτε αυτό το εισερχόμενο βίντεο με οδηγό.