معاينة HTML حية

اكتب HTML وCSS وJavaScript وشاهد المعاينة فورًا داخل iframe معزول (sandbox) مع وحدة تحكم لرسائل console وأحجام شاشة وتنزيل الملف ومشاركة الكود في رابط مضغوط.

مساحة العمل

وحدة التحكم


  

كيف تُحسب النتيجة؟

يُعرض الكود في iframe عبر srcdoc بسمة sandbox="allow-scripts" فقط (بلا allow-same-origin) فيعمل بأصل معزول لا يصل لموقعنا. تُحقن قبل المحتوى شيفرة صغيرة تعيد توجيه console.log/info/warn/error وأخطاء الصفحة عبر postMessage إلى وحدة التحكم. التحديث مؤجَّل 350 مللي ثانية بعد آخر ضغطة. المشاركة: يُضغط الكود بـ CompressionStream("deflate-raw") ويُرمَّز Base64URL في جزء الرابط #c= (لا يُرسل لأي خادم).

حدود الأداة: محرر نصي بسيط (بلا CodeMirror أو Emmet أو تلوين). الصفحات التي تحتاج موارد خارجية تخضع لسياسات المتصفح. رابط المشاركة محدود الطول (~6000 حرف مضغوط). المعاينة معزولة فلا تعمل ميزات تتطلب الأصل نفسه (localStorage، بعض واجهات المتصفح).

أسئلة شائعة

هل الكود الذي أكتبه آمن؟

يعمل في iframe معزول ولا يصل لموقعنا، لكن لا تشغّل كودًا من مصدر لا تثق به.

أين يُحفظ الكود في الرابط؟

في الجزء بعد # فلا يُرسل لأي خادم.

أحدث الأدوات

أدوات مجانية أُضيفت حديثًا — تعمل في متصفحك دون رفع بياناتك

كل الأدوات →

ارسم workflow من JSON كمخطط SVG بالمواضع الأصلية أو بتخطيط تلقائي مع تلوين حسب الفئة وتنزيل SVG

محلي

أصلح تلقائيًا الفواصل الزائدة والاقتباس المفرد والحقول الناقصة والأسماء المكررة والاتصالات المعلّقة مع تقرير بكل تغيير

محلي

الصق رسالة خطأ n8n لتحصل على السبب الأرجح وخطوات الإصلاح ومثال تعبير ودرجة ثقة من قاعدة معرفة مفتوحة

محلي