Δοκιμαστής JavaScript

Διαφήμιση
Όλα τα εργαλεία Δωρεάν

Γράψτε και εκτελέστε JavaScript άμεσα σε ένα ασφαλές sandbox — δείτε την έξοδο της console, τις τιμές επιστροφής, τα σφάλματα και τον χρόνο χωρίς να ανοίξετε τα DevTools. Δωρεάν και τρέχει στον browser σας.

Τρέχει σε ένα sandboxed iframe στον browser σας — τίποτα δεν αποστέλλεται σε διακομιστή.

Πατήστε Ctrl/⌘ + Enter για εκτέλεση
JavaScript 
1
Console
>_ Η έξοδος της console εμφανίζεται εδώ
Κοινοποίηση
Σχετικά Εργαλεία
Obfuscator JavaScript Δωρεάν
Μορφοποιητής Κώδικα Δωρεάν
Μορφοποιητής JSON Δωρεάν
Συμπιεστής Κώδικα Δωρεάν
Δοκιμαστής Regex Δωρεάν
Δημιουργός Εκφράσεων Cron Δωρεάν
Αποκωδικοποιητής JWT Δωρεάν
Μετατροπέας Χρονοσφραγίδας Δωρεάν
Λίστα ASCII / Unicode Δωρεάν
Λίστα Τύπων MIME Δωρεάν
Διεθνείς τηλεφωνικοί κωδικοί Δωρεάν
Μετατροπέας cURL σε Κώδικα Δωρεάν
Οδηγός SASS Δωρεάν
Υπολογιστής επισκεψιμότητας & αξίας SEO Δωρεάν
Τεστ ρυθμού ανανέωσης οθόνης Δωρεάν
Συνοπτικός οδηγός SSH Δωρεάν
Καθαριστής Υπολογιστικών Φύλλων Δωρεάν
Συντομεύσεις πληκτρολογίου Δωρεάν
Έλεγχος διαφορών / Σύγκριση κειμένου Δωρεάν
Οδηγός jQuery Δωρεάν
Βελτιστοποιητής προτροπών AI Δωρεάν
Δημιουργός εικονιδίων εφαρμογών Δωρεάν
Γεννήτρια QR Code Δωρεάν
Έλεγχος ανάλυσης οθόνης Δωρεάν
Χρειάζεστε βοήθεια;
Βρήκατε πρόβλημα με αυτό το εργαλείο; Ενημερώστε μας.
Αναφορά προβλήματος

Προσθέστε αυτό το δωρεάν εργαλείο στον δικό σας ιστότοπο — αντιγράψτε και επικολλήστε τον παρακάτω κώδικα.

', ].join('\n'); } function destroyFrame() { if (frame && frame.parentNode) frame.parentNode.removeChild(frame); frame = null; } function run() { const code = input.value; if (code.trim() === '') { clearConsole(); return; } // New token; any message from an older frame is now stale. runToken++; const token = runToken; // Recreate the iframe so prior state resets and runaway code is discarded. destroyFrame(); clearConsole(); ghost.style.display = 'none'; statusEl.dataset.state = 'idle'; statEl.textContent = '…'; frame = document.createElement('iframe'); frame.setAttribute('sandbox', 'allow-scripts'); frame.setAttribute('aria-hidden', 'true'); frame.style.cssText = 'position:absolute;width:0;height:0;border:0;left:-9999px;top:-9999px'; frame.srcdoc = buildSandboxDoc(code, token); document.body.appendChild(frame); } window.addEventListener('message', function (ev) { const d = ev.data; if (!d || d.__jst !== true) return; if (d.token !== runToken) return; // ignore stale frames if (d.kind === 'done') { let info = { ok: true, ms: 0 }; try { info = JSON.parse(d.text); } catch (e) {} statusEl.dataset.state = info.ok ? 'ok' : 'error'; if (info.ok) { statEl.innerHTML = tr(L.finished, { ms: nf.format(info.ms) }); } else { statEl.textContent = L.error; } if (lineCount === 0 && info.ok) ghost.style.display = 'flex'; return; } appendLine(d.kind, d.text); }); /* ---------------- controls ---------------- */ root.querySelector('[data-jst-run]').addEventListener('click', run); root.querySelector('[data-jst-clearlog]').addEventListener('click', clearConsole); root.querySelector('[data-jst-clear]').addEventListener('click', function () { input.value = ''; renderGutter(); input.focus(); }); root.querySelector('[data-jst-sample]').addEventListener('click', function () { input.value = [ "// Try editing and press Run (Ctrl/Cmd+Enter)", "const nums = [5, 2, 9, 1, 7];", "console.log('sorted:', [...nums].sort((a, b) => a - b));", "", "const user = { name: 'Ada', skills: ['math', 'code'], active: true };", "console.info(user);", "", "console.warn('heads up: this is a warning');", "", "async function ping() {", " await new Promise((r) => setTimeout(r, 50));", " return 'pong';", "}", "ping().then((v) => console.log('async →', v));", ].join('\n'); renderGutter(); run(); input.focus(); }); /* ---------------- editor behaviour ---------------- */ let autoTimer = null; input.addEventListener('input', function () { renderGutter(); if (autorunCb.checked) { clearTimeout(autoTimer); autoTimer = setTimeout(run, 600); } }); // Tab inserts a tab instead of moving focus. input.addEventListener('keydown', function (e) { if (e.key === 'Tab') { e.preventDefault(); const s = input.selectionStart, en = input.selectionEnd; input.value = input.value.slice(0, s) + '\t' + input.value.slice(en); input.selectionStart = input.selectionEnd = s + 1; renderGutter(); return; } if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') { e.preventDefault(); run(); } }); autorunCb.addEventListener('change', function () { if (autorunCb.checked) run(); }); renderGutter(); })();