الرئيسية
الباقات
أدوات مستقلة
الأسعار
EN
إنشاء حساب
تسجيل الدخول
← 💻 أدوات المطورين
🖥️
معاينة HTML — بيئة تطوير كاملة
بيئة HTML مباشرة مع console ودوريولر وأطر الأجهزة وتصحيح الأخطاء
معاينة HTML
💻
📱
📟
375
768
1024
كامل
تحديث تلقائي
معاينة
📸
الكود
<!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <style> body{font-family:system-ui,sans-serif;padding:20px;direction:rtl} h1{color:#7c3aed} button{padding:8px 16px;background:#0d9488;color:#fff;border:none;border-radius:8px;cursor:pointer} </style> </head> <body> <h1>مرحباً من معاينة HTML!</h1> <p>عدّل هذا الكود — سيُحدَّث تلقائياً</p> <button onclick="console.log('مرحباً!');console.warn('تحذير');console.error('خطأ')"> اختبر Console </button> <script>console.log('تم تحميل الصفحة');</script> </body> </html>
المعاينة
—
Console
0 رسالة
مسح
🔒 معالجة محلية في متصفحك — لا يُرفع أي ملف لخوادمنا
ساعدنا في تحسين هذه الأداة:
🚩 ملاحظة
💡 مقترح
🚩 إبلاغ عن ملاحظة
نوع الملاحظة
خطأ تقني
نتيجة خاطئة
بطيء
مشكلة في الواجهة
أخرى
وصف المشكلة
بريدك الإلكتروني (اختياري)
إرسال الملاحظة
إلغاء
💡 مقترح تحسين
عنوان المقترح
التفاصيل
بريدك الإلكتروني (اختياري)
إرسال المقترح
إلغاء