15 Γραμμές γραφικών γραμμών εντολών (GCLI) στο Firefox για προγραμματιστές Front-End
Ανεξάρτητα από το πόσα φανταχτά κουμπιά και μενού έχουμε, υπάρχουν πάντα προγραμματιστές που εκτιμούν πρόσβαση στην γραμμή εντολών στο περιβάλλον εργασίας τους, ειδικά όταν αυτό εξαλείφει το κυνήγι για το δεξί κουμπί ή το μενού που εμφανίζει την απαιτούμενη ρύθμιση στην οπτική μας όψη.
Ο Firefox είχε ένα Γραφικός διερμηνέας γραμμής εντολών, ή εν συντομία α GCLI για μια στιγμή τώρα, και επεκτάθηκε το σύνολο εντολών του με την πάροδο του χρόνου. Οι εντολές GCLI παρέχουν στους προγραμματιστές ένα a γρήγορη πρόσβαση στα εργαλεία ανάπτυξης και διαμόρφωσης. Έχει επίσης ένα δυνατότητα αυτόματης συμπλήρωσης. αν πιέσετε Tab ενώ πληκτρολογείτε οποιαδήποτε εντολή, θα εισαχθούν οι εντολές που πρότεινε η GCLI.
Η γραμμή εργαλείων
Firefox GCLI είναι επίσης γνωστή ως Γραμμή εργαλείων προγραμματιστή. Υπάρχουν τρεις τρόπους για να το ανοίξετε:
- Πατήστε τη συντόμευση πληκτρολογίου Shift + F2.
- Κάντε κλικ στο “Ανοίξτε το Μενού” (χάμπουργκερ) στην δεξιά πλευρά της γραμμής διευθύνσεων (δεξιά στο κουμπί Αρχική σελίδα) και στη συνέχεια κάντε κλικ στο κουμπί Προγραμματιστής> Γραμμή εργαλείων για προγραμματιστές υπομενού.
- Στην επάνω γραμμή μενού, επιλέξτε το Εργαλεία> Προγραμματιστής ιστού> Γραμμή εργαλείων προγραμματιστών επιλογή.
Μόλις ανοίξει η Γραμμή εργαλείων προγραμματιστή, μπορείτε να την δείτε στο κάτω μέρος του παραθύρου του προγράμματος περιήγησης. Αν έχετε αποφασίσει να συνεργαστείτε με το GCLI, Θα ήθελα να σας συμβουλεύω να το αφήσετε ανοιχτό όλη την ώρα ενώ εργάζεστε.
Ας δούμε κάποιες χρήσιμες εργασίες που μπορείτε να εκτελέσετε στον Firefox χρησιμοποιώντας το GCLI του.
1. Αφαιρέστε τα στοιχεία της σελίδας
Εντολή: στοιχείο αφαίρεσης σελίδας
Όταν πρέπει να ρίξετε μια άλλη ματιά στη διάταξη μιας ιστοσελίδας με ορισμένα στοιχεία να έχουν αφαιρεθεί, απλά πληκτρολογήστε την εντολή στοιχείο αφαίρεσης σελίδας
στη γραμμή εντολών του Firefox, για να καταργήσετε αυτά τα στοιχεία από τη σελίδα.
Η αξία του
πρέπει να είναι α έγκυρο επιλογέα CSS στη σελίδα. Πείτε, σε μια σελίδα που θέλετε να αφαιρέσετε όλους τους συνδέσμους (συγκεκριμένα) της τάξης .btn
, η εντολή γράφεται ως εξής: αφαίρεση στοιχείου σελίδας a.btn
.
Γενικά, η εντολή pagemod
χρησιμοποιείται για τροποποιώντας μια σελίδα, είτε αφαιρώντας είτε αντικαθιστώντας επιλεγμένα στοιχεία ή ιδιότητες.
2. Στοιχεία μέτρησης
Εντολή: Μετρήστε
Αν θέλεις γνωρίζουν τη μέτρηση κάθε οπτικής ενότητας σε μια ιστοσελίδα, υπάρχει ένα εργαλείο για αυτό. ο “Μετρήστε” εργαλείο είναι προσβάσιμο τόσο από το τυπικό σύνολο εργαλείων προγραμματιστή ιστού όσο και από το GCLI.
Πληκτρολογήστε και εισάγετε το Μετρήστε
εντολή στη γραμμή εντολών και ο δρομέας να μετατραπεί σε διασταύρωση. Οι μετρήσεις θα είναι εμφανίζονται σε εικονοστοιχεία δίπλα στο δρομέα crosshair, και είναι από το πλάτος, ύψος και μήκος διαγωνίου της επιλεγμένης περιοχής. Για να απενεργοποιήσετε το εργαλείο, επαναλάβετε τη διαδικασία Μετρήστε
εντολή.
3. Επεξεργαστείτε τα αρχεία γρήγορα
Εντολή: επεξεργασία
Αρχή επεξεργασία των πόρων της σελίδας σας με το επεξεργασία
εντολή. Κατά την πληκτρολόγηση της εντολής, θα δείτε το URI όλων των διαθέσιμων πόρων από αυτή τη σελίδα, την οποία μπορείτε να περιηγηθείτε χρησιμοποιώντας τα πλήκτρα βέλους πάνω και κάτω. Μόλις επιλέξετε τον πόρο που θέλετε να επεξεργαστείτε, πατήστε Tab για αυτόματη ολοκλήρωση της πρότασης και πατήστε Enter και το εργαλείο επεξεργασίας του προγράμματος περιήγησης θα ανοίξει με το επιλεγμένο αρχείο.
4. Αναζητήστε άγνωστες ιδιότητες CSS
Εντολή: mdn css
Αυτή είναι μια αρκετά δροσερή εντολή - είναι ένα είδος α αναδυόμενο λεξικό για ιδιότητες CSS. Εάν συναντήσετε μια άγνωστη ιδιότητα CSS και θέλετε να ελέγξετε τι σημαίνει, εκτελέστε την εντολή mdn css
στο GCLI με
αντικατασταθεί από το πραγματικό όνομα αυτής της άγνωστης περιουσίας.
Θα εμφανιστεί ένα αναδυόμενο παράθυρο με το “ορισμός” για αυτήν την ιδιότητα CSS ακριβώς πάνω από τη γραμμή εργαλείων. Ο ορισμός είναι ένα απόσπασμα από την επίσημη σελίδα του Mozilla Developer Network (MDN) της συγκεκριμένης περιουσίας. Το λεξικό MDN για τις ιδιότητες του CSS, τα στοιχεία HTML και τα API ιστού αναφέρονται πολύ.
Εάν το κείμενο που εμφανίζεται στο αναδυόμενο παράθυρο δεν είναι αρκετό, και εσείς θέλουν να μάθουν περισσότερα, μπορείτε να κάνετε κλικ στο σύνδεσμο Επισκεφθείτε τη σελίδα MDN μέσα στο αναδυόμενο παράθυρο και ανοίγει η αντίστοιχη σελίδα MDN για αυτήν την ιδιότητα. Αυτή τη στιγμή η εντολή αυτή είναι διαθέσιμη μόνο για τις ιδιότητες του CSS.
5. Αλλαγή σελίδας
Εντολή: αλλαγή μεγέθους σε
Το εργαλείο αλλαγής μεγέθους σάς επιτρέπει να δείτε πώς φαίνεται η σελίδα σας μέγεθος σε συγκεκριμένες διαστάσεις, κάτι που μπορεί να είναι χρήσιμο όταν θέλετε να κάνετε προεπισκόπηση της εμφάνισης της σελίδας σας σε συσκευές με διαφορετικές διαστάσεις από αυτές που εργάζεστε.
Ο Firefox έχει επίσης ένα συντόμευση πληκτρολογίου για να ανοίξετε αυτό το εργαλείο: Ctrl + Shift + M (Cmd + Alt + M για Mac). Αλλά αν το έχετε ήδη γνωρίζουν τις ακριβείς διαστάσεις για να χρησιμοποιηθεί για την αλλαγή μεγέθους, ο πιο γρήγορος τρόπος είναι να εκτελέσετε το αλλαγή μεγέθους
με τις διαστάσεις που χρειάζεστε.
Οι διαστάσεις είναι ερμηνεύονται σε εικονοστοιχεία. Μόλις εκτελεστεί η εντολή, θα δείτε τη σελίδα μεγέθους.
6. Επανεκκινήστε το πρόγραμμα περιήγησης
Εντολή: επανεκκίνηση
Αυτή η εντολή είναι αυτονόητη. Για να επανεκκινήσετε τον Firefox, απλά πληκτρολογήστε επανεκκίνηση
στη γραμμή εντολών και πατήστε Enter - μπορεί να σας βοηθήσει όταν εγκαταστήσετε πρόσθετα ή πρόσθετα που απαιτούν επανεκκίνηση.
7. Ανοίξτε το φάκελο προφίλ Firefox
Εντολή: φάκελο openprofile
Κάθε χρήστης του Firefox παίρνει τους δικό του φάκελο τοπικού προφίλ ότι αποθηκεύει συγκεκριμένα αρχεία χρήστη, όπως οι σελιδοδείκτες και το /χρώμιο
ντοσιέ. Όταν προσαρμόζετε τον Firefox, ίσως χρειαστεί να δείτε και να τροποποιήσετε τα περιεχόμενα αυτού του φακέλου.
Ο εναλλακτικός τρόπος ανοίγματος αυτού του φακέλου είναι να κάνετε κλικ στο κουμπί Εμφάνιση φακέλου στο πλαίσιο σχετικά με: υποστήριξη
σελίδα. Εκτελώντας την εντολή φάκελο openprofile
στη γραμμή εντολών του Firefox, θα δείτε το φάκελο προφίλ σας ανοίξτε ταυτόχρονα.
8. Αντιγράψτε τις τιμές χρώματος
Εντολή: σταγονόμετρο
Εκτός από το γεγονός ότι υποστηρίζει μόνο το hex format, το σταγονόμετρο είναι ένα λαμπρό εργαλείο για αντιγραφή της τιμής χρώματος οποιουδήποτε ορατού χρώματος σε μια ιστοσελίδα. Εισαγάγετε την εντολή σταγονόμετρο
στο GCLI για να αλλάξετε τη λειτουργικότητα του εργαλείου.
9. Ελέγξτε τις εξωτερικές βιβλιοθήκες
Εντολή: κάνω ένεση
Αν θέλεις δοκιμάστε ορισμένες εξωτερικές βιβλιοθήκες στην ιστοσελίδα σας, αντί να βουτήξετε στον πηγαίο κώδικα για να κάνετε τις προσωρινές προσθήκες, απλά χρησιμοποιήστε το κάνω ένεση
εντολή να εισαγάγετε τις βιβλιοθήκες. Για παράδειγμα, για να συμπεριλάβετε το jQuery απλώς πληκτρολογήστε εισάγετε το jQuery
.
Κατά την εκτέλεση της εντολής, ο πόρος θα είναι εισάγονται στη σελίδα με την εισαγωγή ενός >