ตัวทดสอบ JavaScript

โฆษณา
เครื่องมือทั้งหมด ฟรี

เขียนและรัน JavaScript ได้ทันทีในแซนด์บ็อกซ์ที่ปลอดภัย — ดูผลลัพธ์คอนโซล ค่าที่ส่งคืน ข้อผิดพลาด และเวลาโดยไม่ต้องเปิด DevTools ฟรีและทำงานในเบราว์เซอร์ของคุณ

ทำงานใน iframe แบบแซนด์บ็อกซ์ในเบราว์เซอร์ของคุณ — ไม่มีการส่งสิ่งใดไปยังเซิร์ฟเวอร์

กด Ctrl/⌘ + Enter เพื่อรัน
JavaScript 
1
คอนโซล
>_ ผลลัพธ์คอนโซลจะปรากฏที่นี่
แชร์สิ่งนี้
เครื่องมือที่เกี่ยวข้อง
ตัวทำให้ JavaScript อ่านยาก ฟรี
Code Formatter ฟรี
JSON Formatter ฟรี
Code Minifier ฟรี
Regex Tester ฟรี
Cron Expression Builder ฟรี
JWT Decoder ฟรี
Timestamp Converter ฟรี
รายการ ASCII / Unicode ฟรี
รายการ MIME Type ฟรี
รหัสโทรศัพท์ระหว่างประเทศ ฟรี
เครื่องแปลง cURL เป็นโค้ด ฟรี
JSON ↔ YAML ฟรี
ชีตสรุป SASS ฟรี
เครื่องแปลง HTML เป็น Markdown ฟรี
สเปรดชีต → ตาราง HTML ฟรี
ชีตสรุป Bootstrap ฟรี
หลีกและยกเลิกการหลีกสตริง ฟรี
เครื่องสร้าง Schema.org / JSON-LD ฟรี
เปรียบเทียบสเปรดชีตสองไฟล์ ฟรี
ตัวตรวจสอบความละเอียดหน้าจอ ฟรี
ชีตสรุป Python ฟรี
ลบแถวที่ซ้ำ ฟรี
เครื่องสร้าง Lorem Ipsum ฟรี
ต้องการความช่วยเหลือ?
พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา
รายงานปัญหา

เพิ่มเครื่องมือฟรีนี้ลงในเว็บไซต์ของคุณเอง — คัดลอกและวางโค้ดด้านล่าง

', ].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(); })();