Το Toggle JavaScript απενεργοποιεί ή επανενεργοποιεί την εκτέλεση JavaScript για το τρέχον tab του browser με ένα μόνο κλικ. Η σελίδα φορτώνεται αυτόματα για να εμφανίσει το αποτέλεσμα. Δείτε πώς συμπεριφέρεται μια σελίδα χωρίς JavaScript — δοκιμάστε progressive enhancement, επαληθεύστε server-side rendering, debug JS-εξαρτώμενα features ή ελέγξτε πώς βλέπουν το περιεχόμενό σας οι crawlers μηχανών αναζήτησης.
Η απενεργοποίηση JavaScript στο Chrome κανονικά απαιτεί πλοήγηση στο chrome://settings, κλικ μέσα από πολλά μενού, εναλλαγή ρύθμισης και επαναφόρτωση σελίδας. Και απενεργοποιεί JavaScript για ΌΛΑ τα tabs — ενδεχομένως σπάζοντας άλλους ιστότοπους που έχετε ανοιχτούς. Το Toggle JavaScript του DevSuite Pro λειτουργεί ανά tab, με ένα κλικ. Απενεργοποιήστε JavaScript για το τρέχον tab και φορτώνεται ξανά εμφανίζοντας την έκδοση χωρίς JS. Όλα τα άλλα tabs συνεχίζουν να λειτουργούν κανονικά. Αυτό είναι απαραίτητο για δοκιμή progressive enhancement (λειτουργεί ο ιστότοπος χωρίς JS;), επαλήθευση SSR/SSG rendering (τι βλέπουν οι crawlers μηχανών αναζήτησης;), debug JavaScript σφαλμάτων (εξαφανίζεται το πρόβλημα χωρίς JS;) και δοκιμή noscript fallbacks.
Απενεργοποιήστε JavaScript για το τρέχον tab με ένα μόνο κλικ. Η σελίδα φορτώνεται αυτόματα για να εμφανίσει την έκδοση χωρίς JS. Κάντε κλικ ξανά για επανενεργοποίηση. Η κατάσταση εναλλαγής εμφανίζεται ξεκάθαρα (JS ON / JS OFF).
Επηρεάζει μόνο το τρέχον tab. Άλλα tabs, άλλα παράθυρα και άλλοι ιστότοποι συνεχίζουν να εκτελούν JavaScript κανονικά. Μπορείτε να έχετε JS απενεργοποιημένο σε ένα tab και ενεργοποιημένο σε άλλο ταυτόχρονα.
Η σελίδα φορτώνεται αυτόματα μετά την εναλλαγή για να διασφαλιστεί ότι η αλλαγή εφαρμόζεται καθαρά. Δεν απαιτείται χειροκίνητη ανανέωση — η έκδοση χωρίς JS ή με JS φορτώνεται αμέσως.
Δείτε ακριβώς ποιο περιεχόμενο είναι διαθέσιμο χωρίς JavaScript — την ίδια προβολή που βλέπουν οι crawlers μηχανών αναζήτησης (Googlebot στο αρχικό HTML-only πέρασμά του). Επαληθεύστε ότι το κρίσιμο περιεχόμενο αποδίδεται στον server, όχι μόνο στον client.
Δοκιμάστε αν η βασική λειτουργικότητα του ιστότοπού σας λειτουργεί χωρίς JavaScript. Οι φόρμες θα πρέπει ακόμα να υποβάλλονται, οι σύνδεσμοι να πλοηγούν και το περιεχόμενο να παραμένει αναγνώσιμο όταν το JS είναι απενεργοποιημένο.
Όταν το JS είναι απενεργοποιημένο, μια σύνοψη εμφανίζει τι επηρεάζεται: το δυναμικό περιεχόμενο δεν θα φορτώνεται, τα SPAs δεν θα πλοηγούν, οι φόρμες μπορεί να μην επικυρώνονται client-side και τα διαδραστικά widgets θα είναι στατικά.
Οι μηχανές αναζήτησης μπορεί να μην εκτελούν JavaScript σε κάθε ανίχνευση. Απενεργοποιήστε JS για να δείτε τι βλέπει το αρχικό HTML πέρασμα του Googlebot. Αν περιεχόμενο, meta tags και σύνδεσμοί σας λείπουν χωρίς JS, μπορεί να μην ευρετηριαστούν.
Επαληθεύστε ότι η βασική εμπειρία του ιστότοπού σας λειτουργεί χωρίς JavaScript. Χρήστες με αργές συνδέσεις, με αποκλειστές JS ή χρησιμοποιώντας βοηθητικές τεχνολογίες μπορεί να αντιμετωπίσουν την έκδοση χωρίς JS.
Μια σελίδα είναι σπασμένη — είναι σφάλμα JavaScript ή θέμα CSS/HTML; Απενεργοποιήστε JS. Αν το πρόβλημα παραμένει, δεν σχετίζεται με JS. Αν εξαφανιστεί, ξέρετε ότι το σφάλμα βρίσκεται στον κώδικα JavaScript σας.
Επαληθεύστε ότι τα tags noscript και το περιεχόμενο fallback χωρίς JS εμφανίζονται σωστά όταν το JavaScript δεν είναι διαθέσιμο. Διασφαλίστε ότι οι χρήστες βλέπουν ένα ουσιαστικό μήνυμα αντί για κενή σελίδα.
Δείτε πόσο γρήγορα φορτώνει η σελίδα χωρίς καμία εκτέλεση JavaScript. Αυτό δείχνει την baseline απόδοση απόδοσης HTML/CSS και βοηθά στον εντοπισμό πόσο JavaScript επιβραδύνει την αρχική φόρτωση.
Ανοίξτε το popup του DevSuite Pro και κάντε κλικ στο εικονίδιο Toggle JavaScript. Εμφανίζεται η τρέχουσα κατάσταση JS.
Κάντε κλικ στο toggle για απενεργοποίηση JavaScript. Η σελίδα φορτώνεται ξανά για να εμφανίσει την έκδοση χωρίς JS. Το toggle εμφανίζει «JS OFF» με κόκκινο.
Περιηγηθείτε στη σελίδα χωρίς JavaScript. Ελέγξτε αν το περιεχόμενο είναι ορατό, αν λειτουργεί η πλοήγηση και αν λειτουργούν οι φόρμες. Σημειώστε τι σπάει ή υποβαθμίζεται.
Κάντε κλικ ξανά στο toggle για επαναφορά JavaScript. Η σελίδα φορτώνεται ξανά με πλήρη λειτουργικότητα JS.
Εγκαταστήστε το DevSuite Pro δωρεάν και ξεκλειδώστε 39+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.
