Αρχική σελίδα » Web Design » 15 Γραμμές γραφικών γραμμών εντολών (GCLI) στο Firefox για προγραμματιστές Front-End

    15 Γραμμές γραφικών γραμμών εντολών (GCLI) στο Firefox για προγραμματιστές Front-End

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

    Ο Firefox είχε ένα Γραφικός διερμηνέας γραμμής εντολών, ή εν συντομία α GCLI για μια στιγμή τώρα, και επεκτάθηκε το σύνολο εντολών του με την πάροδο του χρόνου. Οι εντολές GCLI παρέχουν στους προγραμματιστές ένα a γρήγορη πρόσβαση στα εργαλεία ανάπτυξης και διαμόρφωσης. Έχει επίσης ένα δυνατότητα αυτόματης συμπλήρωσης. αν πιέσετε Tab ενώ πληκτρολογείτε οποιαδήποτε εντολή, θα εισαχθούν οι εντολές που πρότεινε η GCLI.

    Η γραμμή εργαλείων

    Firefox GCLI είναι επίσης γνωστή ως Γραμμή εργαλείων προγραμματιστή. Υπάρχουν τρεις τρόπους για να το ανοίξετε:

    1. Πατήστε τη συντόμευση πληκτρολογίου Shift + F2.
    2. Κάντε κλικ στο “Ανοίξτε το Μενού” (χάμπουργκερ) στην δεξιά πλευρά της γραμμής διευθύνσεων (δεξιά στο κουμπί Αρχική σελίδα) και στη συνέχεια κάντε κλικ στο κουμπί Προγραμματιστής> Γραμμή εργαλείων για προγραμματιστές υπομενού.
    3. Στην επάνω γραμμή μενού, επιλέξτε το Εργαλεία> Προγραμματιστής ιστού> Γραμμή εργαλείων προγραμματιστών επιλογή.

    Μόλις ανοίξει η Γραμμή εργαλείων προγραμματιστή, μπορείτε να την δείτε στο κάτω μέρος του παραθύρου του προγράμματος περιήγησης. Αν έχετε αποφασίσει να συνεργαστείτε με το 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.

    Κατά την εκτέλεση της εντολής, ο πόρος θα είναι εισάγονται στη σελίδα με την εισαγωγή ενός > ετικέτα στην τμήμα του εγγράφου HTML.

    10. Πάρτε screenshots

    Εντολή: screenshot

    ο ενσωματωμένο εργαλείο λήψης στιγμιότυπων οθόνης στο Firefox είναι αρκετά ισχυρό. Για παράδειγμα, μπορείτε να στοχεύσετε μεμονωμένα στοιχεία χρησιμοποιώντας τους επιλογείς CSS, χρησιμοποιήστε ένα χρονόμετρο, εφαρμόστε ένα dpr. Μπορείτε ακόμη να τραβήξετε ένα στιγμιότυπο οθόνης μόνο το τμήμα χρωμίου του προγράμματος περιήγησης (περιοχή που περιβάλλει το περιεχόμενο του χρήστη) χρησιμοποιώντας το screenshot - chrome εντολή.

    Τα στιγμιότυπα οθόνης αποθηκεύονται στο Λήψη φακέλου του προγράμματος περιήγησης σε μορφή PNG.

    11. Άνοιγμα χάρακας

    Εντολή: κυβερνήτες

    Ακόμα ένα δροσερό εργαλείο από τον Firefox που είναι εύκολα προσβάσιμο μέσω του GCLI. ο κυβερνήτες εντολή εμφανίζει οριζόντιους και κάθετους χάρακες γύρω από τη σελίδα. Οι μετρήσεις των κυβερνώντων είναι σε εικονοστοιχεία. Εκτελέστε την ίδια εντολή για να απενεργοποιήσετε τον χάρακα.

    12. Ανοίξτε την κονσόλα και τον εντοπισμό σφαλμάτων

    Εντολή: κονσόλα ανοιχτή και dbg ανοιχτό

    Εάν το πληκτρολόγιο είναι σύντομο ανοίγοντας την κονσόλα ιστού ή το εργαλείο εντοπισμού σφαλμάτων έχετε γλιστρήσει το μυαλό σας, δεν ανησυχείτε, απλώς πληκτρολογήστε την απλή εντολή κονσόλα ανοιχτή ή dbg ανοιχτό στη γραμμή εντολών του Firefox για να ανοίξετε το αντίστοιχο εργαλείο.

    13. Καταμέτρηση στοιχείων σελίδας

    Εντολή: qsa

    Αυτή η έξυπνη εντολή από τη GCLI λαμβάνει μια γρήγορη απογραφή στοιχείων σε μια ιστοσελίδα που ταιριάζει με οποιονδήποτε δεδομένο επιλογέα CSS. Για παράδειγμα, για να μετράτε όλα στοιχεία σε μια σελίδα, χρησιμοποιήστε το qsa α εντολή.

    14. Ενεργοποιήστε ή απενεργοποιήστε τα πρόσθετα

    Εντολή: λίστα προσθέτων

    Αν χρειάζεστε ποτέ να ελέγξετε και να διαχειριστείτε τα πρόσθετα Firefox, σας συνιστώ χρησιμοποιήστε τις εντολές GCLI και όχι το μενού Add-ons επειδή η έκδοση GCLI περιλαμβάνει όλα τα πρόσθετα και τα πρόσθετα, συμπεριλαμβανομένων των προεγκατεστημένων, που ενδέχεται να μην εμφανίζονται στο μενού πρόσθετων.

    Μπορείτε να αλλάξετε την κατάσταση του πρόσθετου στο GCLI με την εντολή πρόσθετο ακολουθούμενη από τη σχετική υπο-εντολή, είτε επιτρέπω ή καθιστώ ανίκανο.

    Στο παρακάτω demo μπορείτε να δείτε πώς να απενεργοποιήσετε γρήγορα το Pocket στο Firefox.

    15. Διαχειριστείτε τις ρυθμίσεις

    Εντολή: pref show

    Υπάρχουν τόνοι ρυθμίσεις προσαρμογής οι χρήστες μπορούν να έχουν πρόσβαση μέσω του Firefox σχετικά με: config σελίδα. Οι ίδιες ρυθμίσεις μπορούν να προβληθούν και να τροποποιηθούν χρησιμοποιώντας και το GCLI.

    Χρησιμοποιώντας το GCLI για την πρόσβαση στις ρυθμίσεις προσαρμογής είναι η πιο γρήγορη επιλογή αν γνωρίζετε ήδη ποια διαμόρφωση θέλετε να δείτε ή να αλλάξετε. Προς το ορίστε μια τιμή για μια ρύθμιση, Χρησιμοποιήστε το pref set εντολή, και να επαναφέρετε μια ρύθμιση, τύπος pref reset .

    Στο παρακάτω demo μπορείτε να δείτε πώς να ελέγξτε το URI ο εισάγετε το jQuery εντολή έχει εισέλθει στη σελίδα (βλ. ενότητα # 9 σε αυτό το άρθρο):