أدوات المطور

عارض HTML

افتح ملف HTML أو الصق الكود لترى الصفحة معروضة فورًا بجوار المحرر. عدّل ثم نزّل النتيجة بصيغة ‎.html. يعمل داخل متصفحك دون رفع أي ملف.

لفتح ملف HTML عبر الإنترنت اضغط «فتح ملف» أو اسحب ملف ‎.html إلى المحرر، فيظهر الكود في جزء التحرير وتُعرض الصفحة في جزء المعاينة المجاور. يمكنك أيضًا لصق الكود مباشرةً. يتعرّف العارض على ترميز الملف من وسم meta charset ويقرأ ما عداه بترميز UTF-8. بعد التعديل نزّل النتيجة كملف ‎.html أو انسخ الكود. تُقرأ الملفات محليًا وتُعرض في إطار iframe معزول، فلا يُرفع شيء إلى أي خادم.

عارض HTML

1479

محرر

كود

معاينة

معاينة حية

قد تحتاج هذا أيضًا

HTML إلى JSON

تحويل بنية HTML إلى شجرة JSON.

فتح الأداة

تنسيق وتصغير HTML

نسّق HTML أو صغّره بسرعة داخل المتصفح.

فتح الأداة

عارض ومحرر Markdown

اكتب Markdown أو الصقه وشاهد المعاينة المباشرة فورًا.

فتح الأداة

عارض XML عبر الإنترنت

افتح ملفات XML واعرضها ونسّقها عبر الإنترنت مع عرض شجري والتحقق.

فتح الأداة

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

  1. 1

    افتح ملفًا أو الصق الكود

    اضغط «فتح ملف» لاختيار مستند ‎.html أو ‎.htm، أو اسحبه إلى المحرر، أو الصق كودًا نسخته من مكان آخر.

  2. 2

    تحقّق من الترميز المكتشف

    إذا صرّح الملف في وسم meta بترميز قديم مثل windows-1256 أو ISO-8859-6 فيُفكّ به، وإلا يُقرأ بترميز UTF-8. يظهر اسم الملف والترميز في الشريط العلوي للأداة.

  3. 3

    راقب المعاينة الحية

    يُعاد عرض الصفحة في جزء المعاينة بعد نحو نصف ثانية من توقفك عن الكتابة، تمامًا كما سيعرضها المتصفح.

  4. 4

    عدّل واحفظ

    غيّر الكود وشاهد النتيجة تتبدّل، ثم اضغط «تنزيل ‎.html» لحفظ الصفحة، أو زر النسخ لأخذ الكود، أو ملء الشاشة لمساحة عمل أوسع.

مراجع

  • WHATWG — معيار HTML

    المواصفة الحية التي تحدد بناء جملة HTML والعناصر وسلوك العرض في المتصفحات الحديثة.

  • MDN — HTML

    مرجع شامل ودروس تعليمية لعناصر HTML وخصائصها وأفضل الممارسات.

أدوات ذات صلة

مُصغِّر HTML

أزل المسافات والتعليقات لتخفيف حجم ملف HTML للإنتاج.

تحويل HTML إلى JSON

حوّل كود HTML إلى تمثيل JSON منظم.

عارض Markdown

عاين Markdown مُحوَّلًا إلى HTML في الوقت الفعلي.

مُصغِّر CSS

اضغط أوراق الأنماط التي تستخدمها لتنسيق معاينة HTML.

الأسئلة الشائعة

كيف أفتح ملف HTML عبر الإنترنت وأعاينه؟
اضغط «فتح ملف» واختر مستند ‎.html، أو اسحبه من سطح المكتب إلى المحرر. يُقرأ الملف من جهازك مباشرةً ويُعرض فورًا دون تثبيت أي برنامج، ويمكنك بدلًا من ذلك لصق الكود يدويًا.
هل يمكنني تنزيل عارض HTML للأندرويد أو الكمبيوتر؟
هذا العارض يعمل مباشرةً في المتصفح على أي جهاز—أندرويد أو iOS أو كمبيوتر—دون تنزيل أي تطبيق. على الهاتف يفتح زر «فتح ملف» منتقي الملفات في النظام، فتصل إلى مجلد التنزيلات أو Google Drive، ويظهر المحرر فوق المعاينة.
هل يمكنني اختبار CSS وJavaScript الخارجيين في هذا العارض؟
نعم إذا كانت روابطها مطلقة تبدأ بـ https، كملفات الأنماط والسكربتات والصور المستضافة على CDN. أما المسارات النسبية مثل ‎./style.css فلا تعمل لأن المعاينة ليس لها مجلد خاص بها. يعمل الإطار في وضع sandbox يسمح بتشغيل السكربتات دون صلاحية same-origin، فتبقى ملفات تعريف الارتباط والتخزين المحلي محجوبة.
هل يُرسَل كودي إلى خادم خارجي؟
لا. يتم تصيير الكود بالكامل داخل متصفحك، فلا يغادر جهازك أبدًا، مما يحفظ خصوصية مشاريعك.
هل تتحدث المعاينة تلقائيًا أثناء الكتابة؟
نعم. يُعيد العارض تصيير المعاينة في الوقت الفعلي مع كل تعديل، دون الحاجة إلى الضغط على زر تحديث.
ما الفرق بين عارض HTML ومحرر HTML؟
العارض يُظهر نتيجة الكود فقط، بينما يجمع هذا المحرر بين التحرير والمعاينة معًا في نفس الواجهة، مما يجعله أداةً متكاملة للتطوير والتجربة.
لماذا تظهر الحروف العربية رموزًا غريبة عند فتح ملف HTML؟
غالبًا حُفظت الصفحة بترميز قديم مثل windows-1256. إذا كان الترميز مذكورًا في وسم <meta charset> أو http-equiv ضمن أول 1024 بايت، يفكّ العارض الملف به تلقائيًا؛ وإن لم يُذكر يُقرأ بترميز UTF-8. أضف سطر meta charset الصحيح إلى الملف ثم افتحه من جديد.
هل يمكنني حفظ الصفحة بعد تعديلها؟
نعم. يحفظ زر «تنزيل ‎.html» محتوى المحرر الحالي كملف بترميز UTF-8، ويُبقي اسم الملف الأصلي إن كنت فتحت ملفًا وإلا يسمّيه index.html. وإذا كان الأصل يصرّح بترميز آخر، يُستبدل وسم meta charset في النسخة المحفوظة إلى utf-8 حتى تُعرض بشكل صحيح.