Πώς να μάθετε την πηγή ενός ιστότοπου με αυτά τα εργαλεία;

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

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

Πώς να μάθετε την πηγή ενός ιστότοπου;

Χρήση του Google Chrome

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

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

Για να το κάνετε αυτό πρέπει:

1. Μεταβείτε στο Google Chrome και ανοίξτε τον ιστότοπό σας ή τον ιστότοπο που θέλετε να μάθετε την πηγή.
2. Επιλέξτε την επιλογή Προβολή πηγής της σελίδας, μπορείτε επίσης να κάνετε κλικ στο ctrl+U στο πληκτρολόγιο του υπολογιστή σας, εάν έχετε υπολογιστή με λειτουργικό σύστημα Windows
3. Σε περίπτωση που έχετε Mac, τότε θα είναι Cmd + Option + U.
4. Στη συνέχεια, θα πρέπει να ανοίξετε τα εργαλεία προγραμματιστή κάνοντας κλικ στο F12 σε υπολογιστή με Windows και στο cmd + Option + I εάν είναι Mac.
5. Στην επάνω δεξιά γωνία της οθόνης πρέπει να κάνετε κλικ στο Προσαρμογή επιλογής και ελέγχει τα DevTools.
6. Στη συνέχεια, πρέπει να μετακινήσετε τον κέρσορα πάνω από το Επιλογή περισσότερων εργαλείων και, στη συνέχεια, επιλέξτε Συνθήκες δικτύου.
7. Στην ενότητα User Agent πρέπει να καταργήσετε την επιλογή του Χρησιμοποιήστε την επιλογή προεπιλεγμένων ρυθμίσεων του προγράμματος περιήγησης.
8. Στο αναπτυσσόμενο μενού που θα σας εμφανιστεί επιλέξτε την επιλογή Googlebot.

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

Αν και αυτά τα βήματα μπορεί να σας φαίνονται λίγο περίπλοκα.Η αλήθεια είναι ότι στην πράξη είναι πολύ απλό, και το Google Chrome είναι βελτιστοποιημένο για να προσφέρει αυτές τις πληροφορίες.

Μέσω του προγράμματος περιήγησης Safari

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

Για να χρησιμοποιήσετε το Safari πρέπει:

1. κάνω κάντε κλικ στο Safari που βρίσκεται στο επάνω μενού.
2. Επιλέξτε την επιλογή Ρυθμίσεις και μετά την ενότητα Για προχωρημένους.
3. Στη συνέχεια, επιλέξτε το πλαίσιο ελέγχου για να Εμφάνιση λειτουργιών για προγραμματιστές ιστού.

4. Θα πρέπει να ανοίξτε την ιστοσελίδα στο Safari και στο επάνω μενού κάντε κλικ στην επιλογή Ανάπτυξη.
5. Μετακινήστε τον κέρσορα πάνω από το Επιλογή παράγοντα χρήστη και, στη συνέχεια, επιλέξτε την επιλογή Άλλο, που βρίσκεται στο κάτω μέρος της οθόνης.
6. Επιτέλους πρέπει αντικαταστήστε το κείμενο σε αυτό το πεδίο με τα εξής: Mozilla/5.0 AppleWebKit/537.36 (KHTML, όπως το Gecko; συμβατό; Googlebot/2.1; +http://www.google.com/bot.html) Safari/537.36
7. έτσι θα εμφανιστεί ο πηγαίος κώδικας ενός συγκεκριμένου ιστότοπου, απλώς κάντε κλικ στο OK για να ολοκληρώσετε.

Η Microsoft Edge

Ο Microsoft Edge βρίσκεται μέσα στο πιο χρησιμοποιούμενο εργαλείο περιήγησης στο web μαζί με το Google Chrome και το Safari. Με την πάροδο του χρόνου, ο Microsoft Edge έχει αποκτήσει συνάφεια στην περιήγηση στο web.

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

Πώς να το χρησιμοποιήσετε για να δείτε την πηγή μιας ιστοσελίδας;  

1. Αναζητήστε το πρόγραμμα περιήγησης Microsoft Edge τον ιστότοπο που θέλετε να μάθετε για τη γραμματοσειρά που χρησιμοποιεί.
2. Πράξη δεξί κλικ στην οθόνη Θα εμφανιστούν πολλές επιλογές από τις οποίες πρέπει να επιλέξετε Επιθεώρηση.
3. Σύρετε τον κέρσορα στο αναπτυσσόμενο μενού και επιλέξτε την καρτέλα Στυλ.
4. Στη γραμμή αναζήτησης που θα σας εμφανιστεί εισάγετε τη λέξη "Πηγή".
5. Δίπλα στην εντολή font-family θα μπορείτε να δείτε την πηγή χρησιμοποιείται σε αυτόν τον ιστότοπο.

Μπορούν να χρησιμοποιηθούν εργαλεία τρίτων για την εύρεση της πηγής ενός ιστότοπου;

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

Μερικά από τα πιο δημοφιλή είναι:

WhatFont

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

Όταν τοποθετείτε τον κέρσορα στην οθόνη θα μπορείτε να γνωρίζετε όλες τις εν λόγω πηγές με σχεδόν ακαριαίο τρόπο. Θεωρούμε αυτό το εργαλείο πολύ ελκυστικό και χρήσιμο για τη λήψη αυτού του τύπου πληροφοριών.

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

Φοντάνελο

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

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

Τι γραμματοσειρά

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

Μέσω της τεχνητής νοημοσύνης What the Font προσδιορίζει τη γραμματοσειρά που χρησιμοποιείται και σας δίνει επίσης πηγές παρόμοιες με αυτήν. Μπορείτε να το βρείτε στο Play Store και στο App Store σε περίπτωση που θέλετε να έχετε ένα από αυτά τα εργαλεία στο κινητό σας.

Μπορείτε να αποκτήσετε αυτήν την εφαρμογή για iOS εδώ και για Android εδώ.

Και αυτό είναι όλο για σήμερα! Πείτε μας στα σχόλια τη γνώμη σας για αυτά τα εργαλεία και συμβουλές γνωρίζουν την πηγή ενός ιστότοπου. Ποιο ήταν το αγαπημένο σας;