تتم معالجته محليًا داخل متصفحك
محرر HTML وCSS وJS المباشر
اكتب HTML وCSS وJavaScript وشاهد النتيجة فورًا في معاينة مباشرة معزولة — كل ذلك داخل متصفحك.
معاينة مباشرة
تتحدّث المعاينة تلقائيًا أثناء الكتابة. اضغط Ctrl/⌘ + Enter لإعادة تشغيلها، واستخدم مفتاح Tab أو Shift + Tab لضبط المسافة البادئة.
الأسئلة الشائعة
- هل يُرسل الكود إلى أي خادم؟
- لا. يعمل المحرر والمعاينة بالكامل داخل متصفحك — لا يُرفع ما تكتبه ولا يُحفظ ولا يُشارك.
- كيف تُعزل المعاينة؟
- يعمل كودك داخل إطار iframe معزول مسموح فيه بتشغيل السكربتات فقط، دون أي وصول إلى هذه الصفحة أو ملفات تعريف الارتباط أو بقية تبويباتك، لذا لا يمكن لسكربت معطوب أن يعطّل الأداة نفسها.
- هل أحتاج إلى كتابة وسم html أو وسم body؟
- لا. تُعامل لوحة HTML على أنها محتوى جسم الصفحة، وتُغلَّف لوحتا CSS وJavaScript تلقائيًا داخل وسم style ووسم script. وإذا لصقت مستندًا كاملًا فسيُستخدم كما هو مع حقن أنماطك وسكربتاتك داخله.
- هل يمكنني استخدام مكتبة من CDN مثل Tailwind أو jQuery؟
- نعم. أضف وسم link أو وسم script المعتاد مع الرابط في لوحة HTML وستحمّله المعاينة ما دمت متصلًا بالإنترنت.
- أين تظهر رسائل console.log؟
- افتح لوحة الطرفية أعلى المعاينة؛ فهي تلتقط رسائل console.log والتحذيرات والأخطاء والاستثناءات غير المعالجة من سكربتك، مع أرقام أسطر أخطاء التشغيل.
- هل يمكنني حفظ عملي؟
- استخدم زر تنزيل index.html للحصول على ملف واحد مكتفٍ بذاته يجمع HTML وCSS وJavaScript، جاهز للفتح في أي متصفح أو للإضافة إلى مشروعك.