Χώρος δοκιμών κώδικα

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

Το παράθυρο προεπισκόπησης είναι sandboxed iframe: ξεχωριστό περιβάλλον περιήγησης που δεν μπορεί να φτάσει το DOM ή τα cookies της γονικής σελίδας. Η έξοδος κονσόλας του σεναρίου καταγράφεται και επαναδιοχετεύεται πίσω, ώστε τα σφάλματα να είναι ορατά χωρίς άνοιγμα εργαλείων προγραμματιστή — και όλα εκτελούνται στο πρόγραμμα περιήγησης, ποτέ σε διακομιστή.

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