Γραφείο

Συμβουλές σχετικά με τη χρήση του προγράμματος Inspect Element του προγράμματος περιήγησης Google Chrome

Section 3

Section 3

Πίνακας περιεχομένων:

Anonim

Το Google Chrome έχει σχεδιαστεί όχι μόνο για κανονικούς χρήστες του Διαδικτύου αλλά και για προγραμματιστές ιστοσελίδων που συχνά δημιουργούν έναν ιστοχώρο, σχεδιάζουν ιστολόγια κλπ. ή Ελέγξτε την επιλογή του Google Chrome βοηθά τους χρήστες να βρουν κάποιες πληροφορίες σχετικά με έναν ιστότοπο ο οποίος δεν εμφανίζεται. Ακολουθούν ορισμένες συμβουλές σχετικά με τη χρήση του προγράμματος περιήγησης Element of Google Chrome για Windows PC. Επιθεωρήστε Element of Google Chrome

1] Βρείτε κρυφά αρχεία JavaScript / Media

Πολλοί ιστότοποι εμφανίζουν αναδυόμενα παράθυρα αν ο επισκέπτης παραμείνει στον ιστό για περισσότερο από 15 ή 20 δευτερόλεπτα. Ή, πολλές φορές μια εικόνα, διαφήμιση ή εικονίδιο, ανοίγει αφού κάνετε κλικ κάπου τυχαία. Για να βρείτε αυτά τα κρυμμένα αρχεία μιας ιστοσελίδας, μπορείτε να χρησιμοποιήσετε την καρτέλα

Πηγές του Inspect Element. 2] Λάβετε τον κωδικό χρώματος HEX / RGB στο Chrome

Μερικές φορές ίσως χρειαζόμαστε ένα χρώμα και ίσως χρειαστεί να μάθετε τον κωδικό χρώματος του. Μπορείτε εύκολα να βρείτε τον κωδικό χρώματος HEX ή RGB που χρησιμοποιείται σε μια συγκεκριμένη ιστοσελίδα, χρησιμοποιώντας την εγγενή επιλογή στο Google Chrome. Κάντε δεξί κλικ στο χρώμα και κάντε κλικ στο

Επιθεωρήστε . Στις περισσότερες φορές, θα έχετε τον κωδικό χρώματος στη δεξιά πλευρά με άλλα CSS. Εάν δεν το βλέπετε, ίσως χρειαστεί να χρησιμοποιήσετε κάποιο δωρεάν λογισμικό επιλογής χρώματος. ΣΥΜΒΟΥΛΗ

: Δείτε επίσης αυτά τα εργαλεία διαλογής χρωμάτων 3

Ο καθένας αγαπά να προσγειωθεί σε έναν ιστότοπο που ανοίγει γρήγορα. Αν σχεδιάζετε τον ιστότοπό σας, πρέπει πάντα να το έχετε υπόψη σας. Υπάρχουν πολλά εργαλεία για τον έλεγχο και τη βελτιστοποίηση της ταχύτητας φόρτωσης σελίδας. Ωστόσο, το Google Chrome έρχεται επίσης με ενσωματωμένο εργαλείο που επιτρέπει στους χρήστες να λαμβάνουν συμβουλές για τη βελτίωση της ταχύτητας φόρτωσης του ιστότοπου. Για να αποκτήσετε πρόσβαση σε αυτά τα εργαλεία, μεταβείτε στην καρτέλα

Έλεγχοι και βεβαιωθείτε ότι Αξιοποίηση δικτύου , Απόδοση σελίδας και Επαναφόρτωση σελίδας και έλεγχος φόρτωσης < > έχουν επιλεγεί. Στη συνέχεια, κάντε κλικ στο κουμπί Εκτέλεση . Θα επαναφορτώσει τη σελίδα και θα σας δείξει μερικές πληροφορίες που μπορούν να χρησιμοποιηθούν για την ταχύτερη δημιουργία της σελίδας. Για παράδειγμα, μπορείτε να αποκτήσετε όλους τους πόρους που δεν έχουν λήξη προσωρινής μνήμης, JavaScript που μπορεί να συνδυαστεί σε ένα αρχείο κ.ο.κ. 4] Έλεγχος απόκρισης Η απόκριση σε μια ιστοσελίδα είναι κρίσιμη σήμερα. Υπάρχουν πολλά εργαλεία που μπορούν να ελέγξουν εάν ο ιστότοπός σας ανταποκρίνεται πλήρως ή όχι. Ωστόσο, αυτό το εργαλείο του Google Chrome βοηθά τους χρήστες να γνωρίζουν αν ο ιστότοπος ανταποκρίνεται ή όχι και ελέγχει τον τρόπο εμφάνισής του σε μια συγκεκριμένη κινητή συσκευή. Ανοίξτε οποιονδήποτε ιστότοπο, αποκτήστε την καρτέλα

Έλεγχος στοιχείου

, κάντε κλικ στο κουμπί κινητό , ρυθμίστε την ανάλυση ή επιλέξτε την επιθυμητή συσκευή για να δοκιμάσετε την ιστοσελίδα 5 Επεξεργασία ζωντανών ιστότοπων

Ας υποθέσουμε ότι δημιουργείτε μια ιστοσελίδα, αλλά μπερδεύεστε για το χρώμα σχήμα ή μέγεθος μενού πλοήγησης ή περιεχόμενο ή πλευρική γραμμή. Μπορείτε να επεξεργαστείτε τον ζωντανό ιστότοπό σας χρησιμοποιώντας την επιλογή Inspect Element του Google Chrome. Αν και δεν μπορείτε να αποθηκεύσετε τις αλλαγές σε έναν ζωντανό ιστότοπο, μπορείτε να εκτελέσετε όλες τις επεξεργασίες ώστε να μπορείτε να τις χρησιμοποιήσετε περαιτέρω. Για να το κάνετε αυτό, ανοίξτε το Inspect Element, επιλέξτε την ιδιότητα HTML από την αριστερή πλευρά και κάντε αλλαγές στο στυλ στη δεξιά πλευρά. Αν κάνετε οποιαδήποτε αλλαγή στο CSS, μπορείτε να κάνετε κλικ στη σύνδεση αρχείου, να αντιγράψετε ολόκληρο τον κώδικα και να την επικολλήσετε στο αρχικό αρχείο.

Επιθεωρήστε το στοιχείο του Google Chrome είναι ένας πραγματικός σύντροφος κάθε προγραμματιστή ιστού. Δεν έχει σημασία αν αναπτύσσετε έναν ιστότοπο μιας σελίδας ή έναν δυναμικό ιστότοπο, μπορείτε σίγουρα να χρησιμοποιήσετε αυτές τις συμβουλές.