Χώρος δοκιμών κώδικα — εκτέλεση JavaScript ή προβολή σελίδας HTML, όλα τοπικά
Χώρος δοκιμών κώδικα
Δοκιμή κώδικα χωρίς έξοδο από τη σελίδα. Η λειτουργία κονσόλα JavaScript εκτελεί το απόσπασμα μέσα σε κλειδωμένο sandbox και στέλνει πίσω την έξοδο console.log / warn / error με χρώματα· η λειτουργία προεπισκόπηση HTML αποδίδει ζωντανά μια πλήρη σελίδα HTML + CSS + JavaScript και επιτρέπει τη λήψη της ως αρχείο. Χωρίς διακομιστή και χωρίς μεταφόρτωση — ένα χαλασμένο απόσπασμα (ακόμη και ατέρμων βρόχος) μπορεί πάντα να διακοπεί και δεν μπορεί ποτέ να αγγίξει το υπόλοιπο της σελίδας. Σχετικό βοηθητικό εργαλείο: Ανιχνευτής γλώσσας.
Κώδικας JavaScript
HTML + CSS + JavaScript
Μοντέλο ασφάλειας. Και οι δύο λειτουργίες εκτελούνται μέσα σε iframe sandbox που επιτρέπει μόνο σενάρια:
καμία πρόσβαση ίδιας προέλευσης, καμία φόρμα, κανένα αναδυόμενο παράθυρο και καμία λήψη από μέσα στο sandbox, οπότε το απόσπασμα δεν μπορεί να αγγίξει αυτή τη σελίδα, τα αρχεία ή άλλες καρτέλες. Η JavaScript εκτελείται σε απομονωμένη διεργασία, οπότε το Διακοπή σταματά ένα εκτελούμενο απόσπασμα και η σελίδα συνεχίζει να ανταποκρίνεται· αν μια εκτέλεση διαρκέσει ασυνήθιστα, η σελίδα προσφέρει αυτόματα το Διακοπή.
Να σημειωθεί ότι ένας πραγματικά ατέρμονας βρόχος κρατά τη διεργασία του sandbox απασχολημένη ακόμη και μετά το Διακοπή — αν η επόμενη εκτέλεση δεν δείξει έξοδο, ανανεώστε τη σελίδα για ανάκτηση. Η λήψη Λήψη σελίδας της προεπισκόπησης HTML αποθηκεύει τον πηγαίο κώδικα ως τοπικό αρχείο .html.
Πώς εκτελεί ο περιηγητής τον κώδικα σε sandbox
Το παράθυρο προεπισκόπησης είναι sandboxed iframe: ξεχωριστό περιβάλλον περιήγησης που δεν μπορεί να φτάσει το DOM ή τα cookies της γονικής σελίδας. Η έξοδος κονσόλας του σεναρίου καταγράφεται και επαναδιοχετεύεται πίσω, ώστε τα σφάλματα να είναι ορατά χωρίς άνοιγμα εργαλείων προγραμματιστή — και όλα εκτελούνται στο πρόγραμμα περιήγησης, ποτέ σε διακομιστή.
Το sandbox είναι όριο ασφαλείας, όχι διακοσμητικό στοιχείο — ο κώδικας που επικολλάται εδώ δεν μπορεί να αγγίξει αυτόν τον ιστότοπο ή τις άλλες καρτέλες του περιηγητή.
🔧 Εργαλεία κώδικα & ανάπτυξης
Μικρά βοηθητικά εργαλεία κώδικα και ανάπτυξης που εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησης.