Πηγαίος κώδικας σεναρίου. Πώς να ενσωματώσετε κώδικα JavaScript σε μια σελίδα HTML. Γιατί ίσως χρειαστεί να μελετήσουμε τον πηγαίο κώδικα

Αποποίηση ευθυνών!

Αυτό που θα δείτε μέσα στον πηγαίο κώδικα είναι ο χειρότερος κώδικας, τον οποίο καλό είναι να μην χρησιμοποιείτε στα έργα σας για να αποφύγετε όλα τα προβλήματα που αντιμετώπισα κάποτε εγώ ο ίδιος. Εάν, φυσικά, ως αθάνατο άτομο, αποφασίσετε να χρησιμοποιήσετε τον κωδικό μου στα έργα σας, τότε σας προειδοποιώ ότι αποποιούμαι κάθε ευθύνη για τη χρήση του και τυχόν προβλήματα που μπορεί να έχετε. Διαδίδοντας τις διάφορες τροποποιήσεις σας, εάν υπάρχουν, αλλάξτε το όνομά τους, επειδή το Police Tools εξακολουθεί να υπάρχει και υποστηρίζεται από τον προγραμματιστή. Συνιστάται να λαμβάνετε σοβαρά υπόψη αυτά τα πράγματα, επειδή κανείς δεν είναι ασφαλισμένος κατά της Αφαίρεσης "α, και σκοπεύω να προστατεύσω τα πνευματικά δικαιώματα για το προϊόν μου μέχρι το τέλος της υποστήριξης αυτό το σενάριο. Το θέμα των πνευματικών δικαιωμάτων δεν ισχύει μόνο για τη δημοσίευση στο BlastHack, αλλά για όλους τους ιστότοπους γενικά. Ευχαριστώ για την κατανόηση!

Καλή μάθηση!

Καλή μέρα,κύριοι LUA "shniks. Σήμερα, 1 Ιανουαρίου 2019, θα ήθελα να σας παρουσιάσω τον πλήρη πηγαίο κώδικα του σεναρίου μου Αστυνομικά εργαλεία. Για να μην τρέχουν οι άνθρωποι να δημιουργήσουν τα δικά τους αντίγραφα του πνευματικού μου τέκνου, θα πω ότι αυτή η έκδοση είναι αρκετά παλιά ώστε τα συστήματά της να μην αποτελούν πλέον κίνδυνο για το κύριο έργο μου. Πρέπει να πω αμέσως ότι δημοσιεύω αυτό το έργο εδώ, γιατί. Θέλω να βοηθήσω τους ανθρώπους που θέλουν να μάθουν το LUA να μάθουν. Μην αντιγράψετε ανόητα τον κωδικό, αλλάξτε το όνομα και περάστε το έργο ως δικό σας, δηλαδή για να αποκτήσετε γνώση. Εγώ, όπως κανείς άλλος, καταλαβαίνω πώς είναι να ξεκινάς εντελώς από το μηδέν, χωρίς να έχεις στη διάθεσή σου περισσότερο ή λιγότερο Καλό παράδειγμα. Επίσης, δεν θα πω ότι αυτό το έργο είναι όμορφο. Άρχισα να γράφω 2017, τότε εγώ ο ίδιος μόλις άρχιζα να γράφω σενάρια στο LUA, μπορεί να υπάρχουν τρομερά συστήματα.

Ένα τεράστιο μέρος του κώδικα σχολιάζεται, δεν χρειάζεται καν να τον κοιτάξετε, ήμουν πολύ τεμπέλης να τον κόψω.


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


Η ίδια η πηγή αποτελείται από ορισμένα πράγματα που είναι πολύ δύσκολο για αρχάριους να κατακτήσουν:


Παράθυρα και επικαλύψεις ImGUI [ κύρια διεπαφή ]
Δικτύωση [ ασύγχρονα αιτήματα / κανονικά αιτήματα HTTP ]
Εργασία με διαμορφώσεις INI [ ρυθμίσεις σεναρίου ]
Εργασία με διαλόγους πολλαπλών βημάτων [ πρόσθετη διεπαφή ]
Εργασία με κανονικές εκφράσεις [lua pattern]
Λίγη δουλειά με το SAMP LUA.


Τώρα ας συζητήσουμε τα προβληματικά μέρη του πηγαίου κώδικα μου:


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


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

10 χιλιάδες καθαρός κώδικας + 3 χιλιάδες περισσότερα μερικές φορές χρήσιμα σχόλια.
Ιδιωτικά συστήματα, για τα οποία κάποτε έβαλε τα χρήματα που κέρδισε με κόπο.
Καλά συστήματα που μπορούν να χρησιμεύσουν ως πηγές λειτουργιών δικτύου.


Θα απλοποιήσω επίσης την εργασία σας και θα παραθέσω ενδιαφέρουσες λειτουργίες:

Αυτόματη επανακύλιση όπλου.

Μπορεί να βρεθεί στο κύριο, σχόλιο [ WEAPON_FUNCTION_BEGIN ].​

Ελαφρώς επανασχεδιασμένο σύστημα κυκλικών ασύγχρονων αιτημάτων.

Μπορεί να βρεθεί μέσω αναζήτησης, συνάρτησης [ loop_async_http_request ].​

Ένα πλήρες σύστημα συνομιλίας σε σενάριο για την παραπάνω λειτουργία.

Μπορεί να βρεθεί στη γραμμή [ 3985 ] ή με κλειδί. λέξη [ getmsg2.php ].​

Ως παράδειγμα, μια πλήρης βάση δεδομένων του Υπουργείου Εσωτερικών.

Μπορεί να βρεθεί στη γραμμή [ 8124 ] ή με το κλειδί. λέξη [cmd_database].​

Ένα πλήρες σύστημα βιβλιοδεσίας σε σενάριο με ετικέτες.

Το Mini MVDHelper, όπως πολλοί πιστεύουν, μπορεί να βρεθεί σε όλο το σενάριο.


Αυτή η πηγή χρησιμοποιεί τις ακόλουθες βιβλιοθήκες:

Samp.lua
αγαπητέ imgui
μνήμη
κωδικοποίηση [για ImGUI, αντίστοιχα]​



Ίσως θα συμπληρώσω αυτό το θέμα με χρήσιμο και ενδιαφέρουσες πληροφορίες. Καταλαβαίνετε, το βράδυ μετά το νέο έτος είναι πάντα δύσκολο. Αν ξέχασα να προσθέσω κάτι, και το βρήκατε στην πηγή, τότε γράψτε στο θέμα, θα σας είμαι πολύ ευγνώμων. Ελπίζω ότι με τον πηγαίο κώδικα μου μπορώ να βοηθήσω τουλάχιστον κάποιους από αυτούς που αρχίζουν να μαθαίνουν LUA ή προσπαθούν να γράψουν το πρώτο τους σενάριο. Εάν έχετε ερωτήσεις σχετικά με την πηγή, μπορείτε επίσης να τις ρωτήσετε σε αυτό το νήμα. Αν θέλετε να αφήσετε μια κριτική, συνεχίστε, όλο το θέμα είναι στη διάθεσή σας. Και να σας υπενθυμίσω για άλλη μια φορά, άρχισα να γράφω αυτό το σενάριο μόλις σπούδαζα, οπότε δεν πρέπει να το επικρίνετε πολύ. Είμαστε όλοι άνθρωποι, όλοι κάνουμε λάθη με τον ένα ή τον άλλο τρόπο. Ένα τεράστιο αίτημα, δημιουργήστε μοναδικά σενάρια, μην επαναλαμβάνεστε μετά από άλλα, εκτός αν φυσικά μάθετε από το παράδειγμα κάποιου άλλου. Θυμηθείτε, αν κάτι δεν σας βγαίνει, προσπαθήστε περαιτέρω - κάποια μέρα όλα θα πάνε καλά, αν δεν τα παρατήσετε. Μην προσπαθήσετε να κλείσετε τον κωδικό σας, αφήστε τους άλλους να δουν τι μπορείτε να κάνετε. Εξάλλου, μόνο έτσι θα αναγνωριστείς ως άτομο που μπορεί να γράψει κώδικα και δεν φοβάται να τον δείξει. Συνειδητοποιώ ότι δεν είμαι ο πρώτος που δημοσιεύει ένα τεράστιο έργο, αλλά ελπίζω να μην είμαι ο τελευταίος που θα το κάνει. Λοιπόν, ο Pavel Garson ήταν σε επαφή μαζί σας, μελετήστε και πετύχετε όλα όσα θέλετε. Και ναι, παρέχω αυτήν την πηγή για ανασκόπηση και όχι για αναιδή αντιγραφή. Αν αντιγράψεις, τότε γράψε από πού το πήρες. Και σας ευχαριστώ, όλα.


Πραγματικά, νομίζω ότι δεν σε ενδιαφέρει καθόλου αυτό που έγραψα παραπάνω, απλά ψάξε την πηγή.
Τεράστιος σεβασμός σε εκείνους τους ανθρώπους που διάβασαν όλο το κείμενο που κατέληξα μετά το NG =))

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

Θεωρία

Ας υποθέσουμε ότι έχουμε μια σελίδα nojs.php και σε αυτήν υπάρχει ένα σενάριο secret.js που πρέπει να κρυφτεί. Το πρόγραμμα περιήγησης και ο χρήστης μπορούν να λάβουν το σενάριο από τον διακομιστή με τους εξής τρόπους:
  1. Φόρτωση ενός σεναρίου που τοποθετείται απευθείας στη σελίδα ή φορτώνεται χρησιμοποιώντας το DOM.
  2. Προβολή σεναρίου στο παράθυρο Πηγαίος κώδικας σελίδας;
  3. Αποθήκευση της σελίδας με όλα τα αρχεία στον σκληρό δίσκο.
  4. Εισαγωγή απευθείας διεύθυνσης URL στη γραμμή διευθύνσεων.
Στην πρώτη περίπτωση, το πρόγραμμα περιήγησης πρέπει να περάσει την κεφαλίδα HTTP_REFERER http.
Στη δεύτερη και στην τρίτη περίπτωση, δεν μεταδίδεται από όλα τα προγράμματα περιήγησης (Chrome, FireFox δίνουν το σενάριο που φορτώθηκε προηγουμένως από τη μνήμη cache· Opera, IE φορτώνουν ξανά το σενάριο, αλλά χωρίς να στείλουν τον παραπομπή).
Στην τέταρτη περίπτωση, η αναφορά δεν περνά από κανένα από τα τέσσερα προγράμματα περιήγησης.
Εάν εκδώσουμε JavaScript δυναμικά με έλεγχο για την παρουσία της κεφαλίδας παραπομπής στο αίτημα, τότε θα προστατευτούμε αμέσως από τον Opera και τον IE, αλλά για το Crome και τον Firefox θα πρέπει να καταλήξουμε σε κάτι πιο περίπλοκο. Θα φορτώσουμε πρώτα ένα σενάριο, το οποίο με τη σειρά του θα φορτώσει ένα άλλο σενάριο, ενώ και οι δύο λήψεις θα ελεγχθούν για την παρουσία http-referer. Διαπιστώθηκε με επιστημονική έρευνα ότι εάν δημιουργήσετε δυναμικά ένα σενάριο στη σελίδα document.createElement("script") και στη συνέχεια το διαγράψετε από τη σελίδα, το σενάριο θα λειτουργήσει ως συνήθως, αλλά δεν θα αποθηκευτεί.

Πρακτική

nojs.php
Αυτή η σελίδα προορίζεται για τη φόρτωση του script1.php
Βρείτε JS
Μετά από 10 δευτερόλεπτα, θα πρέπει να δείτε την εργασία του κρυφού σεναρίου με τη μορφή ειδοποίησης, κάντε κλικ στον σύνδεσμο μετά την ειδοποίηση, για να βεβαιωθείτε ότι ούτε τα συμβάντα έχουν πέσει. Μπορείτε να δείτε το κρυφό σενάριο σε αυτόν τον σύνδεσμο
script1.php
Η δουλειά του είναι να φορτώνει δυναμικά το script2.php εάν υπάρχει κεφαλίδα παραπομπής. Τα χρονικά όρια μπορούν να μειωθούν, ανάλογα με τον κατά προσέγγιση χρόνο εκτέλεσης του κρυφού σεναρίου.
script2.php
Το καθήκον του είναι να εκδώσει το τελικό σενάριο εάν υπάρχει κεφαλίδα παραπομπής

Αποτελέσματα

Ως αποτέλεσμα, καταλαβαίνουμε ότι δεν μπορούμε ούτε να δούμε τον πηγαίο κώδικα της σελίδας, ούτε να κατεβάσουμε, ούτε να αποθηκεύσουμε το κρυφό σενάριο χρησιμοποιώντας τα τέσσερα προγράμματα περιήγησης που δοκιμάζονται. Γενικά, μπορείτε να το δείτε με δύο τρόπους:
  • Ακολουθώντας τον σύνδεσμο που οδηγεί απευθείας στο script2.php και βρίσκεται στη σελίδα του ιστότοπού μας.
  • Σχηματίζοντας ένα αίτημα http με την κεφαλίδα παραπομπής σε αυτό.
Μπορείτε να αυξήσετε την αποτελεσματικότητα της απόκρυψης με τους εξής τρόπους:
  1. Χρησιμοποιώντας το mod-rewrite, αντικαταστήστε τα script1.js και script2.js που πηγαίνουν στον διακομιστή με τα script1.php και script2.php, αντίστοιχα, έτσι ώστε η σελίδα να περιέχει όλα τα συνηθισμένα αρχεία js, καθώς η php είναι εντυπωσιακή.
  2. Να κάνει ένα πλασματικό σενάριο όσο το δυνατόν πιο περίπλοκο, πιστευτό και μπερδεμένο, έτσι ώστε ένα άτομο που προσπαθεί να το αναλύσει θα υποφέρει λίγο πριν συνειδητοποιήσει ότι εξαπατήθηκε.
  3. Συσκότιση κώδικα.
Νατάσα 31 Οκτωβρίου 2011 στις 03:10

JavaScript: Απόκρυψη του σεναρίου από αδιάκριτα βλέμματα

  • Δωμάτιο ξυλείας *

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

Θεωρία

Ας υποθέσουμε ότι έχουμε μια σελίδα nojs.php και σε αυτήν υπάρχει ένα σενάριο secret.js που πρέπει να κρυφτεί. Το πρόγραμμα περιήγησης και ο χρήστης μπορούν να λάβουν το σενάριο από τον διακομιστή με τους εξής τρόπους:
  1. Φόρτωση ενός σεναρίου που τοποθετείται απευθείας στη σελίδα ή φορτώνεται χρησιμοποιώντας το DOM.
  2. Προβολή σεναρίου στο παράθυρο Πηγαίος κώδικας σελίδας;
  3. Αποθήκευση της σελίδας με όλα τα αρχεία στον σκληρό δίσκο.
  4. Εισαγωγή απευθείας διεύθυνσης URL στη γραμμή διευθύνσεων.
Στην πρώτη περίπτωση, το πρόγραμμα περιήγησης πρέπει να περάσει την κεφαλίδα HTTP_REFERER http.
Στη δεύτερη και στην τρίτη περίπτωση, δεν μεταδίδεται από όλα τα προγράμματα περιήγησης (Chrome, FireFox δίνουν το σενάριο που φορτώθηκε προηγουμένως από τη μνήμη cache· Opera, IE φορτώνουν ξανά το σενάριο, αλλά χωρίς να στείλουν τον παραπομπή).
Στην τέταρτη περίπτωση, η αναφορά δεν περνά από κανένα από τα τέσσερα προγράμματα περιήγησης.
Εάν εκδώσουμε JavaScript δυναμικά με έλεγχο για την παρουσία της κεφαλίδας παραπομπής στο αίτημα, τότε θα προστατευτούμε αμέσως από τον Opera και τον IE, αλλά για το Crome και τον Firefox θα πρέπει να καταλήξουμε σε κάτι πιο περίπλοκο. Θα φορτώσουμε πρώτα ένα σενάριο, το οποίο με τη σειρά του θα φορτώσει ένα άλλο σενάριο, ενώ και οι δύο λήψεις θα ελεγχθούν για την παρουσία http-referer. Διαπιστώθηκε με επιστημονική έρευνα ότι εάν δημιουργήσετε δυναμικά ένα σενάριο στη σελίδα document.createElement("script") και στη συνέχεια το διαγράψετε από τη σελίδα, το σενάριο θα λειτουργήσει ως συνήθως, αλλά δεν θα αποθηκευτεί.

Πρακτική

nojs.php
Αυτή η σελίδα προορίζεται για τη φόρτωση του script1.php
Βρείτε JS
Μετά από 10 δευτερόλεπτα, θα πρέπει να δείτε την εργασία του κρυφού σεναρίου με τη μορφή ειδοποίησης, κάντε κλικ στον σύνδεσμο μετά την ειδοποίηση, για να βεβαιωθείτε ότι ούτε τα συμβάντα έχουν πέσει. Μπορείτε να δείτε το κρυφό σενάριο σε αυτόν τον σύνδεσμο
script1.php
Η δουλειά του είναι να φορτώνει δυναμικά το script2.php εάν υπάρχει κεφαλίδα παραπομπής. Τα χρονικά όρια μπορούν να μειωθούν, ανάλογα με τον κατά προσέγγιση χρόνο εκτέλεσης του κρυφού σεναρίου.
script2.php
Το καθήκον του είναι να εκδώσει το τελικό σενάριο εάν υπάρχει κεφαλίδα παραπομπής

Αποτελέσματα

Ως αποτέλεσμα, καταλαβαίνουμε ότι δεν μπορούμε ούτε να δούμε τον πηγαίο κώδικα της σελίδας, ούτε να κατεβάσουμε, ούτε να αποθηκεύσουμε το κρυφό σενάριο χρησιμοποιώντας τα τέσσερα προγράμματα περιήγησης που δοκιμάζονται. Γενικά, μπορείτε να το δείτε με δύο τρόπους:
  • Ακολουθώντας τον σύνδεσμο που οδηγεί απευθείας στο script2.php και βρίσκεται στη σελίδα του ιστότοπού μας.
  • Σχηματίζοντας ένα αίτημα http με την κεφαλίδα παραπομπής σε αυτό.
Μπορείτε να αυξήσετε την αποτελεσματικότητα της απόκρυψης με τους εξής τρόπους:
  1. Χρησιμοποιώντας το mod-rewrite, αντικαταστήστε τα script1.js και script2.js που πηγαίνουν στον διακομιστή με τα script1.php και script2.php, αντίστοιχα, έτσι ώστε η σελίδα να περιέχει όλα τα συνηθισμένα αρχεία js, καθώς η php είναι εντυπωσιακή.
  2. Να κάνει ένα πλασματικό σενάριο όσο το δυνατόν πιο περίπλοκο, πιστευτό και μπερδεμένο, έτσι ώστε ένα άτομο που προσπαθεί να το αναλύσει θα υποφέρει λίγο πριν συνειδητοποιήσει ότι εξαπατήθηκε.
  3. Συσκότιση κώδικα.

Κυκλοφόρησε το νέο βιβλίο «Content Marketing in στα κοινωνικά δίκτυα: Πώς να μπείτε στο κεφάλι των συνδρομητών και να ερωτευτείτε την επωνυμία σας.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Στο κεφάλαιο πρόσθετα εργαλείαΕπιλέξτε "Εργαλεία προγραμματιστή".

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

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

Στην καρτέλα "Ασφάλεια", είναι διαθέσιμη η επαλήθευση του πιστοποιητικού τοποθεσίας.

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

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

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

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

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

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

Το περιεχόμενό τους δεν μπορεί να γίνει γνωστό με κανέναν άλλο τρόπο.

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

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

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

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

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

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

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

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

Περίληψη

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

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