عارض ومحرر HTML

قم بعرض وتعديل ومعاينة كود HTML و CSS و JavaScript على الفور.

كيفية استخدام عارض HTML

1

1. أدخل الكود

اكتب أو الصق كود HTML و CSS و JS في المحرر.

2

2. معاينة مباشرة

شاهد التغييرات تظهر فوراً في قسم المعاينة.

3

3. نسخ أو تحميل

انسخ الكود أو قم بتحميله كملف HTML بنقرة واحدة.

الأسئلة الشائعة حول عارض HTML

هل يتم إرسال كود HTML الخاص بي إلى أي خادم؟

لا، تتم معالجة ومعاينة الكود بالكامل داخل متصفحك. لا نقوم بتخزين أو إرسال الكود الخاص بك إلى أي خادم، مما يضمن الخصوصية التامة.

هل يمكنني استخدام CSS و JavaScript؟

نعم، يمكنك تضمين تنسيقات CSS داخل وسوم <style> وأكواد JavaScript داخل وسوم <script> في نفس مستند HTML الخاص بك.

كيف أمنع تحديث المعاينة مع كل ضغطة زر؟

يمكنك إلغاء تحديد خيار 'تشغيل تلقائي' في شريط الأدوات. سيسمح لك ذلك بكتابة الكود وتحديث المعاينة يدوياً فقط عند النقر على 'تشغيل الكود'.

هل يدعم عارض HTML مكتبات خارجية مثل Bootstrap أو Tailwind؟

نعم، يمكنك استدعاء مكتبات خارجية عن طريق إضافة روابط CDN الخاصة بها في قسم <head> في كود HTML الخاص بك.

هل يمكنني استخدام هذه الأداة على الهاتف المحمول؟

نعم، المحرر متجاوب ويعمل على الأجهزة المحمولة، على الرغم من أن الشاشات الأكبر توفر تجربة أفضل لتعديل الأكواد بفضل تصميم تقسيم الشاشة.

ماذا يحدث إذا كتبت كود JavaScript ضار؟

تعمل المعاينة في بيئة معزولة (sandbox) توفر طبقة من الأمان، ولكن لأن الكود يعمل في متصفحك، فإنه يؤثر فقط على الجلسة الحالية لتطبيقك الخاص.

كيف يمكنني تصدير عملي؟

يمكنك استخدام زر 'تحميل HTML' لحفظ الكود كملف index.html على جهازك للعمل عليه لاحقاً أو استضافته.

هل هناك حد لحجم كود HTML الذي يمكنني معاينته؟

لا يوجد حد نظري مفروض من قبلنا، ولكن الملفات الكبيرة جداً (مئات الميجابايت) قد تؤدي إلى إبطاء متصفحك أثناء المعاينة.

لماذا لا تعمل بعض الروابط (iframe) داخل المعاينة؟

بعض المواقع تمنع تضمينها داخل إطارات (iframes) لأسباب أمنية (عبر ترويسات X-Frame-Options). هذا قيد أمني من الموقع المستهدف.

هل يدعم المحرر الإكمال التلقائي والتلوين النحوي (Syntax Highlighting)؟

نعم، نستخدم محرر متقدم مبني على التقنيات نفسها المستخدمة في VS Code، والذي يوفر التلوين النحوي، إغلاق الوسوم التلقائي، وتنسيق الكود.