عارض HTML
الصق ملف HTML — أو كتلة الكود التي أعطاك إياها ذكاء اصطناعي للتو — وشاهد الصفحة الحقيقية فوراً. تعديلاتك على جهة تظهر على الجهة الأخرى أثناء الكتابة. يعمل كله في متصفحك: لا يُرفع شيء حتى تقرر تحويله إلى رابط.
حوّل هذه الصفحة إلى رابط
نقرة واحدة ترسل هذا الـ HTML كما هو إلى عنوان hdply مجاني. لا حساب للتجربة؛ يبقى الرابط ساعة، ويحفظه الحساب المجاني للأبد.
ما يفعله هذا العارض وما لا يفعله
المعاينة إطار معزول (sandbox). يعمل الـ HTML بسكربتاته وأنماطه، لكن ضمن أصل معزول: لا يستطيع قراءة هذه الصفحة أو ملفات تعريف الارتباط أو أي شيء آخر في التبويب. لهذا يُعد لصق كود لم تقرأه سطراً سطراً آمناً.
يعرض بالضبط ما سيحصل عليه الزائر من ملف واحد. أي شيء يشير إليه الـ HTML بمسار نسبي — styles.css، images/hero.jpg، script.js — غير موجود هنا، كما لن يكون موجوداً على مضيف ترفع إليه ملفاً واحداً. إن بدت المعاينة بلا تنسيق فهذا هو السبب: ضمّن CSS داخل الملف أو وجّه الرابط إلى عنوان مطلق.
عرض الهاتف والجهاز اللوحي هو عرض منفذ حقيقي، لا لقطة شاشة مصغّرة، فتعمل استعلامات الوسائط كما على الجهاز. بدّل إلى الهاتف قبل إرسال الرابط لأي شخص: معظم من ترسل لهم سيفتحونه على هاتف.
الأسئلة الشائعة
هل يُرفع الـ HTML إلى أي مكان عند لصقه؟
لا. يحدث العرض في متصفحك داخل إطار معزول. لا يغادر شيء هذا التبويب حتى تضغط زر "احصل على رابط"، وعندها يُرسل HTML المحرر فقط.
لماذا تبدو الصفحة مختلفة عن الملف على جهازي؟
غالباً بسبب المسارات النسبية. رابط مثل styles.css أو images/photo.png يشير إلى ملف بجوار الـ HTML على القرص، ولا يستطيع العارض رؤيته. ضع CSS في وسم <style> واستخدم روابط https:// كاملة أو data URI للصور، وستتطابق.
هل يعمل JavaScript في المعاينة؟
نعم. تعمل السكربتات داخل الصندوق المعزول بمعزل عن هذه الصفحة، فتعمل الصفحات التفاعلية والرسوم البيانية والتطبيقات الصغيرة. ما يحتاج إلى ملفات تعريف ارتباط أو تخزين محلي للإطار نفسه قد يقيّده الصندوق المعزول.
هل هناك حد للحجم؟
ليس في العارض. خطوة "احصل على رابط" تقبل حتى 1 ميغابايت للصفحة، وهو كافٍ لملف مكتفٍ بذاته؛ الصور الكبيرة مكانها رابط خارجي.