Ξεκινήστε να χρησιμοποιείτε το DevSuite Pro με λίγα κλικ
Το ξεκίνημα είναι απλό. Εγκαταστήστε την επέκταση, ανοίξτε οποιαδήποτε ιστοσελίδα και αποκτήστε πρόσβαση σε 39+ εργαλεία προγραμματιστή από το αναδυόμενο παράθυρο ή την αιωρούμενη βάση. Δεν απαιτείται διαμόρφωση.
Προσθέστε την επέκταση στο Chrome
Ανοίξτε το Chrome Web Store και αναζητήστε την επέκταση "DevSuite Pro".
Κάντε κλικ στο "Προσθήκη στο Chrome" και στη συνέχεια επιβεβαιώστε κάνοντας κλικ στο "Προσθήκη επέκτασης" στο αναδυόμενο παράθυρο.
Ανοίξτε μια ιστοσελίδα και εκκινήστε ένα εργαλείο
Μεταβείτε σε οποιονδήποτε ιστότοπο, στη συνέχεια κάντε κλικ στο εικονίδιο DevSuite Pro στη γραμμή εργαλείων ή χρησιμοποιήστε την αιωρούμενη βάση στη σελίδα.
Επιλέξτε οποιοδήποτε εργαλείο από το πλέγμα. Εργαλεία όπως το CSS Inspector, οι Χάρακες ή το Color Picker θα ενεργοποιηθούν αμέσως στην τρέχουσα σελίδα.
Λειτουργίες Επέκτασης
Βασικά Χαρακτηριστικά του DevSuite Pro
Το DevSuite Pro προσφέρει 39+ εργαλεία προγραμματιστή για επιθεώρηση σελίδας, μέτρηση, σχεδίαση και ανάλυση. Επιταχύνετε τη ροή εργασίας σας με ισχυρές λειτουργίες ενσωματωμένες απευθείας στο πρόγραμμα περιήγησής σας.
CSS Inspector
Τοποθετήστε τον κέρσορα πάνω από οποιοδήποτε στοιχείο για να δείτε αμέσως τα στυλ CSS του και να τα επεξεργαστείτε ζωντανά, κάνοντας την αποσφαλμάτωση και τις προσαρμογές σχεδίασης σε πραγματικό χρόνο εξαιρετικά εύκολες.
Κάντε κλικ σε οποιοδήποτε στοιχείο για να επιθεωρήσετε τις ιδιότητες, τις διαστάσεις, τα διαστήματα, τις γραμματοσειρές και τα χρώματά του. Κατανοήστε αμέσως τη δομή της σελίδας χωρίς να ανοίξετε τα DevTools του προγράμματος περιήγησης.
Χάρακες και Οδηγοί
Μετρήστε αποστάσεις, ελέγξτε την ευθυγράμμιση και προσθέστε χάρακες και οδηγούς ακριβείας pixel σε οποιαδήποτε ιστοσελίδα για να διασφαλίσετε ότι το σχέδιό σας είναι τέλεια ευθυγραμμισμένο.
Επιλογέας Χρωμάτων (Color Picker)
Επιλέξτε χρώματα από οποιοδήποτε στοιχείο στη σελίδα και αντιγράψτε τις τιμές HEX, RGB ή HSL στο πρόχειρό σας με ένα μόνο κλικ.
Λήψη Στιγμιοτύπου Οθόνης
Τραβήξτε στιγμιότυπα οθόνης ολόκληρης της σελίδας ή της ορατής περιοχής οποιασδήποτε ιστοσελίδας και κατεβάστε τα αμέσως — ιδανικό για κοινή χρήση σχεδίων και αναφορά σφαλμάτων.
Δοκιμαστής Απόκρισης
Προεπισκοπήστε την ιστοσελίδα σε διαφορετικά μεγέθη οθόνης και αναλύσεις συσκευών για να δοκιμάσετε τη σχεδίαση απόκρισης χωρίς να φύγετε από το πρόγραμμα περιήγησης.
Συνήθεις ερωτήσεις σχετικά με τις λειτουργίες και τη χρήση της επέκτασης DevSuite Pro. Εάν έχετε κάποια ερώτηση, η απάντηση μπορεί να βρίσκεται παρακάτω.
Πώς μπορώ να εγκαταστήσω το DevSuite Pro;
Επισκεφτείτε το Chrome Web Store, αναζητήστε το "DevSuite Pro", κάντε κλικ στο "Προσθήκη στο Chrome" και επιβεβαιώστε επιλέγοντας "Προσθήκη επέκτασης". Μόλις εγκατασταθεί, το εικονίδιο της επέκτασης θα εμφανιστεί στη γραμμή εργαλείων του προγράμματος περιήγησής σας. Κάντε κλικ σε αυτό για άμεση πρόσβαση σε 39+ εργαλεία προγραμματιστή.
Ποια είναι η διαφορά μεταξύ δωρεάν και Pro εργαλείων;
Τα δωρεάν εργαλεία (20+) είναι διαθέσιμα σε όλους χωρίς άδεια. Τα εργαλεία Pro φέρουν ένα χρυσό σήμα PRO και απαιτούν ενεργή άδεια Pro για να χρησιμοποιηθούν. Μπορείτε να δείτε ποια εργαλεία είναι δωρεάν ή Pro στο αναδυόμενο παράθυρο — τα δωρεάν εργαλεία δεν έχουν εικονίδιο κλειδαριάς, ενώ τα εργαλεία Pro θα εμφανίζονται ελαφρώς γκρίζα μέχρι να ενεργοποιήσετε την άδειά σας.
Γιατί το εργαλείο δεν λειτουργεί σε ορισμένους ιστότοπους;
Ορισμένοι ιστότοποι έχουν αυστηρές πολιτικές ασφαλείας περιεχομένου (CSP) που εμποδίζουν ορισμένες ενέργειες από επεκτάσεις προγράμματος περιήγησης. Αυτό είναι ιδιαίτερα συνηθισμένο σε τραπεζικούς και κυβερνητικούς ιστότοπους. Επιπλέον, οι εσωτερικές σελίδες του Chrome (chrome://) δεν επιτρέπουν στις επεκτάσεις να εκτελούν σενάρια περιεχομένου.
Είναι μόνιμες οι αλλαγές που κάνω στη σελίδα;
Όχι. Όλες οι αλλαγές που γίνονται από εργαλεία όπως το Μετακίνηση Στοιχείου, το Πρόγραμμα Επεξεργασίας Ζωντανού Κειμένου, το Διαγραφή/Απόκρυψη Στοιχείου και το CSS Inspector είναι προσωρινές. Επηρεάζουν μόνο αυτό που βλέπετε στο πρόγραμμα περιήγησής σας αυτή τη στιγμή. Η ανανέωση της σελίδας θα επαναφέρει τα πάντα στην αρχική τους κατάσταση.
Πώς μπορώ να ενεργοποιήσω την άδεια Pro μου;
Ανοίξτε το αναδυόμενο παράθυρο DevSuite Pro, κάντε κλικ στο εικονίδιο ρυθμίσεων στην επάνω δεξιά γωνία. Κατεβείτε στην ενότητα άδειας, επικολλήστε το κλειδί άδειας χρήσης στο πεδίο εισαγωγής και κάντε κλικ στο Ενεργοποίηση. Εάν το κλειδί είναι έγκυρο, το σήμα θα αλλάξει από FREE σε PRO και όλα τα εργαλεία Pro θα ξεκλειδωθούν αμέσως.
Πώς μπορώ να μετακινήσω ή να αποκρύψω την αιωρούμενη βάση;
Μπορείτε να μετακινήσετε τη βάση πηγαίνοντας στις Ρυθμίσεις και επιλέγοντας μια διαφορετική θέση πλευρικής γραμμής — Πάνω, Κάτω, Αριστερά ή Δεξιά. Μπορείτε επίσης να αποκρύψετε εντελώς τη βάση απενεργοποιώντας τον διακόπτη "Εμφάνιση βάσης στις σελίδες" στις Ρυθμίσεις ή πατώντας Ctrl+Shift+X ανά πάσα στιγμή.
Το DevSuite Pro συλλέγει δεδομένα περιήγησης;
Όχι. Το DevSuite Pro δεν συλλέγει, παρακολουθεί ή μεταδίδει κανένα από τα δεδομένα περιήγησής σας. Όλες οι ρυθμίσεις αποθηκεύονται τοπικά στο πρόγραμμα περιήγησής σας. Το μόνο εξωτερικό αίτημα αποστέλλεται κατά την ενεργοποίηση του κλειδιού άδειας χρήσης για την επαλήθευση του κλειδιού σας με τον διακομιστή μας.
Μπορώ να χρησιμοποιήσω το DevSuite Pro στον Firefox;
Ναι! Το DevSuite Pro είναι διαθέσιμο τόσο στο Chrome Web Store όσο και στα πρόσθετα του Firefox. Λειτουργεί σε Chrome, Edge, Brave και άλλα προγράμματα περιήγησης που βασίζονται στο Chromium, καθώς και στον Firefox.
