JavaScript Test Aracı

Reklam
Tüm araçlar Ücretsiz

Güvenli bir sanal ortamda anında JavaScript yazın ve çalıştırın — DevTools'u açmadan konsol çıktısını, dönüş değerlerini, hataları ve süreyi görün. Ücretsiz ve tarayıcınızda çalışır.

Tarayıcınızda sanal bir iframe içinde çalışır — sunucuya hiçbir şey gönderilmez.

Çalıştırmak için Ctrl/⌘ + Enter'a basın
JavaScript 
1
Konsol
>_ Konsol çıktısı burada görünür
Paylaş
İlgili Araçlar
JavaScript Şifreleyici Ücretsiz
Kod Biçimlendirici Ücretsiz
JSON Biçimlendirici Ücretsiz
Kod Küçültücü Ücretsiz
Regex Test Aracı Ücretsiz
Cron İfade Oluşturucu Ücretsiz
JWT Çözücü Ücretsiz
Zaman Damgası Dönüştürücü Ücretsiz
ASCII / Unicode Listesi Ücretsiz
MIME Türü Listesi Ücretsiz
Uluslararası telefon kodları Ücretsiz
cURL'den Kod Dönüştürücü Ücretsiz
IP Adresim Nedir Ücretsiz
SASS Kopya Kağıdı Ücretsiz
VS Code Kopya Kâğıdı Ücretsiz
Git Kopya Kağıdı Ücretsiz
Devrik & özet tablo Ücretsiz
Uygulama Simgesi Oluşturucu Ücretsiz
Hash Oluşturucu Ücretsiz
MySQL Kopya Kâğıdı Ücretsiz
Bootstrap Kopya Kağıdı Ücretsiz
XML Site Haritası Oluşturucu Ücretsiz
Claude Code Kopya Kâğıdı Ücretsiz
CSV → JSON Ücretsiz
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.

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