مختبر JavaScript

إعلان
جميع الأدوات مجاني

اكتب وشغّل JavaScript فوراً في بيئة آمنة معزولة — شاهد مخرجات console والقيم المُرجعة والأخطاء والتوقيت دون فتح DevTools. مجاني ويعمل في متصفحك.

يعمل في iframe معزول في متصفحك — لا يُرسل أي شيء إلى خادم.

اضغط Ctrl/⌘ + Enter للتشغيل
JavaScript 
1
Console
>_ تظهر مخرجات console هنا
شارك هذا
أدوات ذات صلة
مشوّش JavaScript مجاني
منسّق الشيفرة مجاني
منسّق JSON مجاني
ضاغط الشيفرة مجاني
محرّك التعبيرات النمطية مجاني
منشئ تعبيرات Cron مجاني
فك ترميز JWT مجاني
محوّل الطابع الزمني مجاني
قائمة ASCII / Unicode مجاني
قائمة أنواع MIME مجاني
رموز الاتصال الدولية مجاني
محوّل cURL إلى كود مجاني
مولّد أيقونات التطبيقات مجاني
اختبار معدّل تحديث الشاشة مجاني
ورقة Laravel المرجعية مجاني
مدقّق الفروق / مقارنة النصوص مجاني
JSON ↔ YAML مجاني
Slugify — مولّد روابط الـ Slug مجاني
منسّق ومجمّل SQL مجاني
مولّد الباركود مجاني
محوّل فاصل CSV مجاني
محوّل الشيفرة إلى صورة مجاني
Excel ↔ JSON / XML مجاني
مولّد البيانات الوهمية مجاني
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.
الإبلاغ عن مشكلة

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.

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