Πώς να αλλάξετε τον κώδικα σελίδας στο Google Chrome. Πώς να προβάλετε τον πηγαίο κώδικα μιας σελίδας στο Google Chrome

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

Συνδυασμός πλήκτρων πρόσβασης +ανοίξτε το παράθυρο αναζήτησης, στο πρόγραμμα περιήγησης Chrome εμφανίζεται πάνω δεξιά:

Εικόνα 3. Αναζήτηση κατά κωδικό τοποθεσίας

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

Εικόνα 4. Αναζήτηση βάσει κώδικα ιστότοπου HTML

Οδηγία 2: πώς να προβάλετε και να επεξεργαστείτε τον κώδικα HTML και CSS ενός ιστότοπου στο πρόγραμμα περιήγησης Google Chrome

Τώρα το πιο σημαντικό μέρος, στο οποίο θα δείξω πώς μπορείτε να επεξεργαστείτε τον κώδικα HTML και CSS ενός ιστότοπου σε ένα πρόγραμμα περιήγησης. στη συνέχεια μεταφέρετε τις αλλαγές στο πρόγραμμα περιήγησης.

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

Ψάχνοντας σε αμέτρητους ιστότοπους στο Διαδίκτυο, μπορείτε να συναντήσετε αυτούς που μας αρέσουν πολύ. Προκύπτουν αμέσως μια σειρά από ερωτήματα. Ο ιστότοπος δημιουργήθηκε με χρήση οικιακού κώδικα ή κάποιου είδους CMS; Τι στυλ CSS έχει; Ποιες είναι οι μετα-ετικέτες του; Και ούτω καθεξής.

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

Πώς να δείτε τον κώδικα της σελίδας;

Για να προβάλετε τον πηγαίο κώδικα μιας σελίδας ιστότοπου, πρέπει να τοποθετήσετε το ποντίκι σας σε οποιαδήποτε περιοχή της ιστοσελίδας (εκτός από εικόνες και συνδέσμους). Μετά από αυτό, κάντε κλικ στο δεξί κουμπί του ποντικιού. Ένα παράθυρο με πολλές επιλογές θα ανοίξει μπροστά μας (μπορεί να διαφέρουν ελαφρώς σε διαφορετικά προγράμματα περιήγησης). Στο πρόγραμμα περιήγησης Google Chrome, για παράδειγμα, αυτές είναι οι εντολές:

• πίσω;
• προς τα εμπρός;
• επανεκκίνηση?
• αποθήκευση ως;
• σφραγίδα;
• Μετάφραση στα ρωσικά?
• προβολή κώδικα σελίδας;
• προβολή κώδικα.

Πρέπει να κάνουμε κλικ προβολή κώδικα σελίδας, και ο κώδικας html της σελίδας του ιστότοπου θα ανοίξει μπροστά μας.

Προβολή του κώδικα της σελίδας: τι να προσέξετε;

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

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

Εάν ο ιστότοπος είναι κατασκευασμένος σε CMS WordPress ή Joomla, τότε αυτό θα είναι επίσης ορατό εδώ. Για παράδειγμα, αυτή η περιοχή εμφανίζει πληροφορίες σχετικά με ένα θέμα WordPress ή ένα πρότυπο ιστότοπου Joomla. Μπορείτε να το δείτε διαβάζοντας τα περιεχόμενα των συνδέσμων που επισημαίνονται με μπλε χρώμα. Ένας σύνδεσμος δείχνει ένα πρότυπο ιστότοπου.

Για παράδειγμα:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Θα δούμε τα στυλ γραμματοσειράς CSS της σελίδας. Σε αυτήν την περίπτωση, χρησιμοποιείται η γραμματοσειρά. Αυτό μπορείτε να το δείτε εδώ - font-family: 'Source Sans Pro'.

Αυτός ο ιστότοπος έχει βελτιστοποιηθεί χρησιμοποιώντας την προσθήκη Yoast SEO. Αυτό μπορεί να φανεί από αυτήν την ενότητα κώδικα που σχολιάστηκε:

Αυτός ο ιστότοπος έχει βελτιστοποιηθεί με την προσθήκη Yoast SEO v3.4.2 - https://yoast.com/wordpress/plugins/seo/

Όλες οι πληροφορίες που περιέχονται στην ετικέτα σώματος εμφανίζονται από το πρόγραμμα περιήγησης στην οθόνη της οθόνης. Εδώ βλέπουμε τον κώδικα html της σελίδας και στο κάτω μέρος υπάρχει ο κώδικας σεναρίου Yandex Metrics. Περιβάλλεται από μια σχολιασμένη ετικέτα με το κείμενο:

/Μετρητής Yandex.Metrika

Ας το συνοψίσουμε

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

• CMS WordPress;
• Γραμματοσειρά Google Source Sans Pro.
• Θέμα WordPress – Σίδνεϊ.
• Προσθήκες Yoast.
• Μετρητής μετρήσεων Yandex.

Τώρα η αρχή της ανάλυσης του κώδικα html μιας σελίδας ιστότοπου είναι αρκετά σαφής. Δεν είναι καθόλου απαραίτητο να κρατήσετε ανοιχτή τη σελίδα που ερευνάτε στο πρόγραμμα περιήγησης. Μπορείτε να αποθηκεύσετε τον κώδικα της σελίδας στον υπολογιστή σας χρησιμοποιώντας τους συνδυασμούς πλήκτρων ctrl+a, ctrl+c, ctrl+v. Επικολλήστε το σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου (κατά προτίμηση Notepad++) και αποθηκεύστε το με την επέκταση html. Έτσι, ανά πάσα στιγμή μπορείτε να το μελετήσετε πιο βαθιά και να βρείτε πιο χρήσιμες πληροφορίες για τον εαυτό σας.

Κυκλοφόρησε ένα νέο βιβλίο, το Social Media Content Marketing: How to Get Inside Your Followers' Heads and Make Them Fall Fall with Your Brand.

Ο πηγαίος κώδικας ενός ιστότοπου είναι μια συλλογή σήμανσης HTML, στυλ CSS και σεναρίων JavaScript που λαμβάνει το πρόγραμμα περιήγησης από τον διακομιστή ιστού.

Περισσότερα βίντεο στο κανάλι μας - μάθετε το διαδικτυακό μάρκετινγκ με τη SEMANTICA

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

Ο ιστότοπος αποθηκεύεται σε έναν διακομιστή ιστού, ο οποίος στέλνει τη σελίδα κατόπιν αιτήματος του χρήστη. Ένα αίτημα είναι να πληκτρολογήσετε μια διεύθυνση URL στη γραμμή διευθύνσεων, να κάνετε κλικ σε έναν σύνδεσμο ή να κάνετε κλικ σε ένα κουμπί υποβολής σε μια φόρμα. Δεν έχει σημασία σε ποια γλώσσα είναι γραμμένες οι ιστοσελίδες ή αν περιλαμβάνουν ένα στοιχείο λογισμικού. Το τελικό αποτέλεσμα οποιουδήποτε αλγόριθμου από την πλευρά του διακομιστή είναι ένα σύνολο ετικετών html και κειμένου.
Ο πηγαίος κώδικας της σελίδας είναι ένα σύνολο δεδομένων που περιλαμβάνει:

• html σήμανσης?
• φύλλο στυλ ή σύνδεσμος αρχείου.
• προγράμματα γραμμένα σε JavaScript ή συνδέσμους σε αρχεία με κώδικα.

Αυτές οι τρεις ενότητες επεξεργάζονται από το πρόγραμμα περιήγησης. Για τον διακομιστή, αυτό είναι απλώς το κείμενο που πρέπει να σταλεί ως απάντηση στο αίτημα.

Γιατί μπορεί να χρειαστεί να μελετήσουμε τον πηγαίο κώδικα

Ό,τι βλέπουμε, μπορούμε να αναλύσουμε και να εφαρμόσουμε για να λύσουμε ορισμένα προβλήματα που προκύπτουν κατά την εργασία με τον ιστότοπο, ειδικά κατά τη βελτιστοποίησή του. Βλέποντας τον πηγαίο κώδικα, μπορούμε:

• Δείτε τις μετα-ετικέτες του ιστότοπού σας ή κάποιου άλλου για να τις αναλύσετε.
• Δείτε την παρουσία ή την απουσία ορισμένων στοιχείων στον ιστότοπο: μετρητές, κωδικοί αναγνώρισης σε διάφορα συστήματα, ορισμένα σενάρια κ.λπ.
• Μάθετε τις παραμέτρους των στοιχείων: μεγέθη, χρώματα, γραμματοσειρές.
• Βρείτε τη διαδρομή προς τις φωτογραφίες και άλλα στοιχεία που βρίσκονται στη σελίδα.
• Εξερευνήστε συνδέσμους από τη σελίδα.
• Βρείτε προβλήματα με τον κώδικα που παρεμβαίνουν στη διαδικασία βελτιστοποίησης ιστότοπου: στυλ που δεν τοποθετούνται σε ξεχωριστά αρχεία, σενάρια, μη έγκυρος κώδικας.

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

Πώς να δείτε τον πηγαίο κώδικα ενός ιστότοπου

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

Επιλέξτε την επιλογή "Προβολή κώδικα σελίδας" και λάβετε την πλήρη καταχώριση σε ξεχωριστή καρτέλα.

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

Πώς να βρείτε τον πηγαίο κώδικα μιας σελίδας ιστότοπου

Κάντε κλικ στο εικονίδιο μενού στο πρόγραμμα περιήγησης. Τις περισσότερες φορές είναι στα δεξιά και μοιάζει με τρεις τελείες ή ρίγες.

Στην ενότητα πρόσθετων εργαλείων, επιλέξτε «Εργαλεία προγραμματιστή».

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

Στην καρτέλα "Πηγή" μπορείτε να δείτε τα περιεχόμενα ορισμένων αρχείων: σενάρια, γραμματοσειρές, εικόνες.

Στην καρτέλα "Ασφάλεια", μπορείτε να ελέγξετε το πιστοποιητικό του ιστότοπου.

Η καρτέλα "Έλεγχοι" θα σας βοηθήσει να ελέγξετε τον πόρο που δημοσιεύτηκε στη φιλοξενία.

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

Πώς να δείτε μετα-ετικέτες

Κάθε έγγραφο HTML περιλαμβάνει ετικέτες δομής. Εδώ είναι μερικά από αυτά:

1. Html – ολόκληρο το έγγραφο.
2. Επικεφαλής – κεφαλίδες τμήματος υπηρεσιών.
3. Τίτλος – τίτλος σελίδας (εμφανίζεται στην καρτέλα).
4. Body – το σώμα του εγγράφου.
5. H1-H6 – επικεφαλίδες κειμένου σελίδας.
6. Άρθρο – άρθρο.
7. Ενότητα - τμήμα.
8. Μενού – μενού.
9. Div – μπλοκ.
10. Span – κορδόνι.
11. P – παράγραφος.
12. Τραπέζι – τραπέζι.

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

Το περιεχόμενό τους δεν μπορεί να βρεθεί με άλλο τρόπο.

Ας δώσουμε προσοχή στην ετικέτα Link. Με τη βοήθειά του, καθορίζονται σύνδεσμοι προς εξωτερικά αρχεία που περιλαμβάνονται. Εάν θέλετε, μπορείτε να δείτε τα περιεχόμενα και να τα αποθηκεύσετε στο δίσκο. Για να το κάνετε αυτό, μετακινήστε το δείκτη στη διεύθυνση και πατήστε RMB. Επιλέξτε "Άνοιγμα σε νέα καρτέλα".

Το καθορισμένο αρχείο θα ανοίξει σε μια νέα καρτέλα, την οποία μπορείτε να προβάλετε ή να αποθηκεύσετε.

Πώς να προβάλετε τον πηγαίο κώδικα μιας σελίδας για τον εντοπισμό σφαλμάτων ενός σεναρίου

Σε αυτήν την περίπτωση, είναι πιο βολικό να ανοίξετε τη σελίδα στο τοπικό μηχάνημα. Εάν χρειάζεται μόνο να διορθώσετε τη σήμανση, τα στυλ και τα σενάρια, τότε αυτό μπορεί να γίνει απευθείας από το φάκελο. Ο κώδικας HTML εμφανίζεται με τον ίδιο τρόπο. Ωστόσο, τα σφάλματα κώδικα JavaScript μπορούν να εμφανιστούν στην καρτέλα "Κονσόλα". Αυτό δείχνει την περιγραφή του σφάλματος και τον αριθμό γραμμής όπου παρουσιάστηκε.

Η σύνταξη φαίνεται απευθείας στον κώδικα. Για αυτό προορίζεται η καρτέλα "Πηγή".

Πώς να δείτε τον κωδικό ενός συγκεκριμένου στοιχείου

Για μεγάλες σελίδες με πολλά στοιχεία, είναι δύσκολο να βρεθεί ο απαραίτητος κώδικας σε όλη τη σήμανση. Σε αυτήν την περίπτωση, θα πρέπει να χρησιμοποιήσετε μια ειδική εντολή μενού περιβάλλοντος. Μετακινήστε το ποντίκι πάνω από το κομμάτι και πατήστε RMB. Επιλέξτε την εντολή «Προβολή κώδικα».

Θα ανοίξει το ίδιο παράθυρο, αλλά με εστίαση στο επιλεγμένο αντικείμενο.

Περίληψη

Σας είπαμε ποιος είναι ο πηγαίος κώδικας της σελίδας. Αρκεί να κατακτήσετε βασικές γνώσεις HTML και CSS και χρησιμοποιώντας βολικά εργαλεία προγραμματιστή, θα μπορείτε να διορθώσετε τα δικά σας έγγραφα HTML.

Η αναθεώρηση του κώδικα των πόρων στο Διαδίκτυο θα σας επιτρέψει να μάθετε όχι μόνο από τη δική σας εμπειρία, αλλά και να χρησιμοποιήσετε πραγματικά παραδείγματα εργασίας. Και για τους ειδικούς SEO, οι μετα-ετικέτες θα είναι χρήσιμες, οι πληροφορίες στις οποίες μπορούν να πουν πολλά για τον ιστότοπο.

Η υπηρεσία SendPulse είναι ένα εργαλείο μάρκετινγκ για τη δημιουργία μιας βάσης συνδρομής και τη μετατροπή περιστασιακών επισκεπτών στον ιστότοπό σας σε κανονικούς. Το SendPulse συνδυάζει σε μία πλατφόρμα τις πιο σημαντικές λειτουργίες για την προσέλκυση και τη διατήρηση πελατών:
● ενημερωτικά δελτία ηλεκτρονικού ταχυδρομείου,
● web push,
● Αποστολές SMS,
● SMTP,
● ενημερωτικά δελτία στο Viber,
● αποστολή μηνυμάτων στο facebook messenger.

Ενημερωτικά δελτία ηλεκτρονικού ταχυδρομείου

Αποστολή Push Notifications

SMTP

Facebook Messenger Bots

Αποστολή SMS

πρόγραμμα συνεργατών

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

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

Πώς να προβάλετε τον πηγαίο κώδικα μιας σελίδας html σε ένα πρόγραμμα περιήγησης Google

Για να μπορείτε να δείτε τον κώδικα της σελίδας στο Chrome, πρέπει να μεταβείτε στον ιστότοπο που σας ενδιαφέρει και να εκτελέσετε τα παρακάτω βήματα:

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

Ποια είναι η διαφορά μεταξύ του κώδικα σελίδας και της εντολής "Προβολή κώδικα";

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

Αλλά εξηγώντας για τον μέσο χρήστη, αυτές οι λειτουργίες μπορούν να χωριστούν στους ακόλουθους σκοπούς:

1. Η "Προβολή κώδικα σελίδας" είναι απαραίτητη μόνο για να δείτε τον κύριο συνδυασμό της σελίδας. Βασικά, αυτή είναι η δομή του ιστότοπου (χωρίς πρόσθετα μοντέλα με τη μορφή αρχείων CSS και άλλες προσθήκες που παραμένουν στο φάκελο του δημιουργού του ιστότοπου). Αυτή η δομή δεν είναι κατάλληλη για τη δημιουργία της δικής σας σελίδας με "αντιγραφή-επικόλληση", αλλά θα σας επιτρέψει να δείτε τι ακριβώς έκανε ο προγραμματιστής και με ποια σειρά για να διασφαλίσετε ότι ο ιστότοπος στο πρόγραμμα περιήγησης Google Chrome είχε μια τέτοια εξωτερική σχεδίαση.
2. Η "Προβολή κώδικα" εμφανίζει μια λεπτομερή δομή, επισημαίνοντας όλες τις περιοχές που επηρεάζονται στη σελίδα. Εάν τοποθετήσετε το δείκτη του ποντικιού πάνω από έναν συγκεκριμένο κωδικό λίστας, θα τονίσει το στοιχείο στον ιστότοπο στον οποίο ανήκει.
3. Η προβολή του κώδικα σελίδας ανοίγει σε ξεχωριστό πρόγραμμα περιήγησης χωρίς τη δυνατότητα επεξεργασίας του. Δηλαδή, είναι κατάλληλο μόνο για αντιγραφή και ανάγνωση κώδικα ιστότοπου. Αλλά αυτή δεν είναι λιγότερο χρήσιμη λειτουργία.
4. Η "Προβολή κώδικα" μπορεί να αλλάξει και μπορείτε να επεξεργαστείτε οποιοδήποτε στοιχείο με τρόπο που σας βολεύει. Φυσικά, όλες αυτές οι αλλαγές θα "ζωντανεύουν" μέχρι να ανανεωθεί η σελίδα, αλλά μερικές φορές είναι διασκεδαστικό να περάσετε από αυτές τις ρυθμίσεις και απλώς να καταλάβετε γιατί χρειάζεται αυτή ή αυτή η τιμή και τι θα συμβεί αν την αλλάξετε. Δεν πρέπει να υποθέσετε ότι με τέτοιες ενέργειες θα βλάψετε τον εαυτό σας ή τον ιστότοπο με οποιονδήποτε τρόπο - αυτές οι αλλαγές επηρεάζουν μόνο τον κώδικα του Google Chrome σας και δεν συνδέονται στο διαδίκτυο.

Εξετάζουμε το ζήτημα του τρόπου προβολής του κωδικού στοιχείου

Αν απαντούσαμε σε μια τέτοια ερώτηση, τότε η μόνη επιλογή που προτείνεται είναι ένα παράδειγμα. Γιατί σε ένα άρθρο είναι πολύ δύσκολο να γίνεις άνθρωπος που καταλαβαίνει αυτό το θέμα (web developer), αλλά το να δείξεις με ένα παράδειγμα ώστε να διευθετηθεί η ερώτηση είναι πολύ πιο εύκολο.

Η λειτουργικότητα του κωδικού στοιχείου είναι πολύ ευρεία, επομένως παίρνουμε μία από τις λέξεις στον ιστότοπο του προγράμματος περιήγησης Google Chrome. Θέλαμε να εξετάσουμε ποιες λέξεις-κλειδιά (στον κώδικα που θα γράφεται ως "λέξεις-κλειδιά") χρησιμοποιήθηκαν για τον ιστότοπό μας. Για να γίνει αυτό, εκτελούμε τον ακόλουθο αλγόριθμο:

Άλλοι τρόποι χρήσης αυτής της δυνατότητας στο πρόγραμμα περιήγησης Google Chrome

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

• Δείτε τη δομή του ιστότοπου ξεκινώντας από το head ("επικεφαλίδα ιστότοπου") και τελειώνοντας με το τέλος (η τελική εντολή οποιουδήποτε προγράμματος).
• Δείτε όλες τις λειτουργίες του ιστότοπου, συγκεκριμένα: συνδέσμους προς άλλους ιστότοπους, πρόσθετες ενότητες από εξωτερικούς ιστότοπους και την παρουσία ενσωματωμένων μετρητών για τη συλλογή διαφόρων πληροφοριών.
• Μάθετε εάν η αντιγραφή από τον ιστότοπο απαγορεύεται ή όχι.
• Ο κώδικας θα καταγράφει όλους τους συνδέσμους προς άλλες σελίδες του ιστότοπου, καθώς και τη σχεδίασή τους και τις επόμενες ενέργειες αφού κάνετε κλικ σε αυτές.

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

Το στοιχείο "Προβολή κωδικού στοιχείου" δεν λειτουργεί

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

• Το προφίλ χρήστη είναι κατεστραμμένο.
• Η παρουσία κακόβουλου λογισμικού στον υπολογιστή.
• Αποκλεισμός από μια συγκεκριμένη επέκταση για αύξηση της απόδοσης (ακόμα και αυτό μπορεί να συμβεί).

Διόρθωση κατεστραμμένου προφίλ χρήστη

Για να δημιουργήσετε ένα νέο προφίλ, πρέπει να διαγράψετε το παλιό από τον υπολογιστή σας. Για να το κάνουμε αυτό κάνουμε τα εξής:

1. Κλείστε το Google Chrome και εκκινήστε το ενσωματωμένο πρόγραμμα περιήγησης Windows Explorer.
2. Εισαγάγετε την ακόλουθη εντολή στη γραμμή διευθύνσεων: %LOCALAPPDATA%\Google\Chrome\User Data\.
3. Όταν ανοίξει ο κατάλογος, αναζητήστε τον φάκελο «Προεπιλογή» και προσθέστε το «Αντίγραφο ασφαλείας» στο όνομά του, ώστε να λάβετε τα εξής: «Προεπιλογή αντιγράφων ασφαλείας».
4. Τώρα, μετά την επανεκκίνηση του προγράμματος περιήγησης Chrome, θα δημιουργηθεί ένα νέο προφίλ.

Αφαιρούμε κακόβουλο λογισμικό ή τα υπολείμματά του

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

1. Ανοίξτε τη γραμμή εντολών των Windows ("Run") και πληκτρολογήστε την εντολή "cmd" εκεί.
2. Εισαγάγετε την ακόλουθη εντολή στη γραμμή: RD /S /Q "%WinDir%\System32\GroupPolicyUsers".
3. Αφού επιβεβαιώσετε την ενέργεια, πληκτρολογήστε αυτό: RD /S /Q "%WinDir%\System32\GroupPolicy".
4. Τώρα "gpupdate /force" (χωρίς εισαγωγικά).

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

Ίσως είναι χρήσιμο να διαβάσετε:

• Δίκτυο sniffing Ανίχνευση TCP;
• Μετατροπή Word σε PDF Πώς να μετατρέψετε έγγραφα σε RTF;
• Πώς να μετατρέψετε ένα αρχείο HTML σε αρχείο PDF;
• Τι είναι το Bandwidth;
• Πώς να απενεργοποιήσετε την επιφάνεια αφής σε Asus, HP ή άλλο φορητό υπολογιστή με Windows Απενεργοποίηση του ποντικιού σε φορητό υπολογιστή;
• "Arctic Shamrock": διαδικτυακή εκδρομή σε στρατιωτική εγκατάσταση Εικονική περιήγηση στο Arctic Shamrock;
• Ανάκτηση κωδικού πρόσβασης ICQ: τι να κάνετε εάν ξεχάσατε τον κωδικό πρόσβασής σας;;
• Ποιος είναι μόνος σας ειδικός σε SMM;;