ساحة تجربة الكود
ساحة تجربة HTML وCSS وJavaScript عبر الإنترنت مع معاينة حية ومحرر بأرقام أسطر ووحدة تحكم ملتقطة. جرّب مقاطعك فورًا ونزّل النتيجة كملف HTML واحد - بالكامل داخل متصفحك.
ما هي ساحة تجربة الكود؟
ساحة تجربة الكود بيئة معزولة تكتب فيها HTML وCSS وJavaScript وترى النتيجة المُصيَّرة فورًا. تضيف هذه الأداة وحدة تحكم ملتقطة ومحررات بأرقام أسطر وإمكانية تنزيل عملك كملف HTML واحد.
كيف تعمل المعاينة الحية؟
تُدمج ألواح الكود الثلاثة في مستند HTML كامل وتُصيَّر داخل إطار iframe معزول. عند تفعيل التشغيل التلقائي تُحدَّث المعاينة بعد نصف ثانية من توقفك عن الكتابة، وإلا فاضغط «تشغيل».
ماذا تعرض وحدة التحكم؟
كل ما تكتبه الصفحة عبر console.log وinfo وwarn وerror، إضافة إلى أخطاء التشغيل ورفض الوعود غير المعالجة مع أرقام الأسطر. وتُفرَّغ عند كل تشغيل.
هل يُحفظ كودي عند إعادة تحميل الصفحة؟
نعم. تُحفظ مسودة الألواح الثلاثة محليًا في متصفحك وتُستعاد في الزيارة التالية. ويعيد زر «إعادة التعيين» كود العرض التوضيحي، وحذف بيانات الموقع يمسح المسودة.
هل المعاينة معزولة وآمنة؟
تعمل المعاينة داخل إطار iframe معزول بلا وصول same-origin، فلا يمكن للسكربتات التي تختبرها قراءة هذه الصفحة أو كوكيزها. ومع ذلك اختبر فقط كودًا تثق به، فهو يعمل في متصفحك على أي حال.
هل يمكنني تنزيل تجربتي؟
نعم. يقوم «تنزيل .html» بحفظ HTML وCSS وJavaScript الحالية مدمجة في ملف واحد مكتفٍ بذاته يمكنك فتحه في أي متصفح أو مشاركته.
ما الذي يمكنني تشغيله في لوح JavaScript؟
جافاسكربت المتصفح القياسية: التلاعب بـ DOM والأحداث وcanvas وfetch إلى واجهات API العامة (وفق قواعد CORS الخاصة بها) وأي مكتبة تلصقها داخليًا. لا تُدعم الوحدات ولا حزم npm.
هل تحتاج الساحة إلى اتصال بالإنترنت؟
فقط لتحميل الصفحة نفسها. أما التحرير والمعاينة والتقاط وحدة التحكم فتعمل لاحقًا محليًا، ولا يُرسَل كودك إلى أي مكان أبدًا.
كيفية استخدام ساحة تجربة الكود
يجمع هذا الملعب بين HTML وCSS وJavaScript في معاينة حية داخل بيئة معزولة بالكامل في متصفحك، مع لوحة وحدة تحكم تلتقط السجلات والأخطاء. يُحفظ المسودة محليًا لتواصل من حيث توقفت.
- حرّر ألواح HTML وCSS وJavaScript — كل محرر يضم أرقام أسطر وتلوينًا للصياغة.
- مع تفعيل «تشغيل تلقائي» تتجدد المعاينة تلقائيًا أثناء الكتابة؛ وإلا اضغط «تشغيل» (أو أوقف التشغيل التلقائي وشغّل يدويًا).
- راقب لوحة «وحدة التحكم» أسفل المعاينة: يظهر فيها ناتج console.log والتحذيرات والأخطاء والاستثناءات غير الملتقطة مع أرقام الأسطر.
- اضغط «إعادة تعيين» للعودة إلى العرض التجريبي المدمج، أو «تنزيل .html» لحفظ كل شيء في ملف واحد مكتفي بذاته.
- استخدم «فتح في نافذة جديدة» لعرض المستند الحالي بحجم كامل في تبويب خاص به.
تُفرغ وحدة التحكم عند كل تشغيل، فأضف عبارات console.log بحرية أثناء التصحيح — تظهر فورًا دون فتح وحدة تحكم المتصفح الحقيقية.
أدوات ذات صلة
- مُجمّل JavaScript مُجمّل ومنسق كود JavaScript مجاني عبر الإنترنت. حوّل فورًا JS المضغوط إلى كود نظيف ومقروء ومنسق بشكل صحيح مع خيارات قابلة للتخصيص.
- ضاغط JS ضغط كود JavaScript فورًا. أزل المسافات والتعليقات وحسّن JS لتحميل أسرع.
- اختبار التعبيرات النمطية اختبر وحلل التعبيرات النمطية مع المطابقة في الوقت الفعلي والتقاط المجموعات.
- معاينة Markdown محرر Markdown مجاني عبر الإنترنت مع معاينة مباشرة. اكتب وعرض وصدّر Markdown مع دعم GFM الكامل.
- مدقق التجزئة احسب وتحقق من تجزئات MD5 وSHA-1 وSHA-256 وSHA-512 محليًا
- حاسبة Chmod حاسبة chmod مجانية عبر الإنترنت لتصور وحساب أذونات ملفات Linux بمربعات اختيار. تحويل فوري بين التدوين الرقمي (755، 644) والرمزي (rwxr-xr-x). يدعم الأذونات الخاصة مثل setuid وsetgid وsticky bit.
- جدول ASCII مرجع كامل لترميز أحرف ASCII مع الأكواد العشرية والسداسية العشرية والثمانية والثنائية وكيانات HTML وأوصاف الأحرف. البحث والتصفية الفورية.
- عارض سداسي عشري عرض محتويات الملفات بتنسيق سداسي عشري مع البحث والتنقل بالإزاحة والتمرير الافتراضي