عارض HTML

المحرر أدناه يحوّل كود HTML إلى صفحة في نافذة معاينة تتحدث أثناء الكتابة، مع ما في الكود من CSS وJavaScript. وهو يقبل المقطع القصير والصفحة الكاملة على حد سواء.
★ ★ ★ ★ ★
يستخدم Tiiny Host أكثر من 2,000,000 مستخدم راضٍ
معاينة فورية في المتصفح · تستخدمه فرق في Salesforce وAirbnb وJLL وNestlé

نشر الملف الذي عاينته

ثلاث خطوات تحوّل كود HTML إلى رابط

1. ارفع ملف HTML

1. ارفع ملف HTML

اسحب الملف إلى الصفحة الرئيسية لـ Tiiny Host أو اختره من جهازك.

2. اكتب اسم الرابط (اختياري)

2. اكتب اسم الرابط (اختياري)

الاسم يحدد النطاق الفرعي في العنوان.

3. انشر الصفحة

3. انشر الصفحة

العنوان الجديد يعرض صفحتك وهي تعمل.

مزايا عارض HTML

للمطورين ولكتّاب المحتوى

📋 نسخ ولصق

كود من نظام إدارة محتوى أو قالب بريد يظهر لحظة وصوله إلى المحرر.

🛠️ اكتشف المشكلات مبكرًا

التخطيط المكسور والوسوم غير المغلقة تظهر في المعاينة قبل أن يراها غيرك.

⚙️️ يدعم JavaScript وCSS

العناصر التفاعلية في المعاينة تتصرف كما في صفحة منشورة.

🆓 مجاني

يستخدمه أي زائر للصفحة.

🕵️ خصوصية

Tiiny Host لا يحتفظ بالكود الذي تلصقه في المحرر.

🔗 مشاركة برابط

الصفحة التي تعجبك تُنشر على Tiiny Host وتحصل على رابط ترسله.

🔍 ملف بالسحب والإفلات

ملف .html المرفوع على Tiiny Host يُعرض كصفحة في المتصفح.

🌐 نطاق خاص

مشاريع العملاء تُنشر على نطاقك الخاص في Solo.

📊 إحصاءات

زيارات الصفحة المنشورة في لوحة التحكم، من باقة Tiny.

📱 قابل للتضمين

لكل صفحة منشورة كود تضمين للدروس والتوثيق.

🔒 كلمة مرور

صفحة منشورة لا يراها إلا من أعطيته كلمة المرور (Solo).

مقارنة

العارض بجانب الأدوات الأخرى

CodePen وأدوات المطورين في المتصفح تعرض HTML جيدًا لمن يكتبه. وبعد المعاينة تبدأ الحاجة إلى ما لا تقدمه تلك الأدوات: رابط لصفحة مكتملة، أو كود لتضمينها في موقع آخر.

⚡ Tiiny Host
عارضات HTML الأخرى
معاينة بجانب الكود
الصفحة المعروضة تتحدث أثناء الكتابة.
✓ نعم
يختلف
مقاطع وصفحات كاملة
مقطع قصير أو مستند HTML كامل، بتنسيقاته وسكربتاته.
✓ نعم
حسب الأداة
الكود لا يُحفظ
ما تلصقه لا يُخزَّن على خوادم Tiiny Host.
✓ نعم
يختلف
مشاركة برابط
عنوان tiiny.site، أو نطاقك الخاص لمشتركي Solo.
✓ نعم
رابط بيئة تجريبية
معرفة من زارها
Tiny تحسب زيارات الصفحة المنشورة.
✓ نعم
نادرًا
التضمين
كود تضمين لمدونة أو منصة دورات.
✓ نعم
يختلف
كلمة مرور
مسودات العملاء محمية في Solo.
✓ نعم
نادرًا
أسهل في المعاينة من CodeBeautifyCodepenCodeShackأدوات المطورين في المتصفحفتح الملف على جهازكمحررات الأكواد المكتبيةGitHub Gistعارضات أخرى على الإنترنت
الأسعار

العارض مجاني بالكامل

العارض في هذه الصفحة متاح لكل زائر بلا حد للاستخدام. وإذا نشرت صفحة، تبقيها الباقة المجانية على الإنترنت ما دام حسابك نشطًا.

الباقة المجانية
$0 شهريًا، دون حد زمني
  • ✓ معاينة بلا حد في هذه الصفحة
  • ✓ صفحة أو موقع منشور واحد
  • ✓ رفع حتى 3 ميجابايت
  • ✓ 5,000 زيارة و5 جيجابايت من نقل البيانات شهريًا
  • ✓ عنوان yourname.tiiny.site مجاني
  • – الصفحات المنشورة تعرض شريطًا صغيرًا
مساحة أكبر عند الحاجة
من ‎$5 شهريًا مع الدفع السنوي
  • Tiny $5 · بلا شريط، رفع حتى 25 ميجابايت، رموز QR، إحصاءات
  • Solo $13 · 5 مواقع، نطاق خاص، كلمة مرور، محرر أكواد ومحرر مرئي، API
  • Pro $31 · 15 موقعًا، جمع البريد الإلكتروني، أعضاء فريق، دعم بأولوية
  • Pro Max $74 · مواقع بلا حد، و2 تيرابايت لملفات الوسائط الكبيرة
اطّلع على كل الباقات ← ⭐️ ضمان استرداد المبلغ خلال 7 أيام

حدود النشر في كل باقة

حد الرفع في كل باقة
المجانية
3 ميجابايت
أي نوع من الملفات
Tiny · $5
25 ميجابايت
لكل مشروع
Solo · $13
75 ميجابايت
لكل مشروع
Pro · $31
10 جيجابايت
للحساب كله
Pro Max · $74
2 تيرابايت
للحساب كله

المقطع أو الصفحة المنفردة صغير جدًا مقارنة بحد 3 ميجابايت. الموقع المضغوط مع صوره ومقاطع الفيديو هو ما يحتاج إلى باقة أكبر.

لوكلاء الذكاء الاصطناعي

صفحات HTML من محادثات الذكاء الاصطناعي

مساعدات الدردشة ووكلاء البرمجة ينتجون كود HTML طوال الوقت. ملف كهذا يُرسل إلى نقطة الرفع ليعود بعنوان عام، وتحديث الصفحة لاحقًا بطلب PUT.

REST APIنقطة رفع واحدة لعمليات الأتمتة والنشر المجدول.
خادم MCPأمر واحد في Claude Code، وبضعة أسطر إعداد في Cursor وVS Code وWindsurf وZed وCodex وv0.
موصّل Claudeتُنشر التقارير والمستندات من Claude مباشرة، في تطبيق سطح المكتب أو في Claude Code.
Skillبعد تثبيتها يستطيع وكيلك نشر أكثر من 100 نوع من الملفات كروابط، منها PDF وZIP.
اقرأ توثيق الـ API ← الوصول إلى الـ API متاح من باقة Solo فما فوق
upload.sh
curl -X POST https://ext.tiiny.host/v1/upload \
  -H "x-api-key: $TIINY_API_KEY" \
  -F "files=@preview.html" \
  -F "domain=html-preview.tiiny.site"

# → https://html-preview.tiiny.site
# PUT the same domain to replace it
أمثلة

استخدامات عارض HTML

معاينة فورية

معاينة فورية

شكل الصفحة لحظة لصق الكود.

نماذج أولية سريعة

نماذج أولية سريعة

نموذج HTML يصل إلى الزملاء أو العملاء في دقائق.

محتوى مضمّن

محتوى مضمّن

فيديو YouTube أو إطار iframe، وطريقة ظهوره في الصفحة.

تتبّع الأخطاء

تتبّع الأخطاء

إصلاح HTML في المتصفح مباشرة.

رسائل البريد بصيغة HTML

رسائل البريد بصيغة HTML

برامج البريد تعرض HTML بطريقة تختلف عن المتصفحات، ولهذا تُعاين النشرة قبل الإرسال.

معاينة المواقع

معاينة المواقع

مراجعة الصفحة قبل إطلاقها، وإرسال رابطها إلى العميل للموافقة.

أمثلة للطلاب

أمثلة للطلاب

مثال يعمل أمام الطلاب في درس عن تطوير الويب.

مشاريع معرض الأعمال

مشاريع معرض الأعمال

أعمال HTML وCSS يتصفحها صاحب العمل المحتمل بنفسه.

How to Upload HTML File to a Website

Getting an HTML file from your computer onto the web, with a shareable link at the end.

How to Add JavaScript to Your HTML

Linking a script file or writing inline JavaScript to make an HTML page interactive.

Editing an HTML File: A Guide for Beginners

The basics of editing an HTML file safely, from choosing an editor to checking the result.

HTML Tester Tool

How to test a page online before it goes live.

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

ما هو عارض HTML؟

أداة تحوّل كود HTML إلى الصفحة التي يصفها. هذا العارض يضع الكود والنتيجة جنبًا إلى جنب، ويحدّث النتيجة مع كل تعديل.

متى أحتاج إلى عارض HTML؟

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

كيف أرى شكل كود HTML الخاص بي؟

بلصقه في المحرر أعلى هذه الصفحة. الجزء الأيمن من المحرر يعرض الصفحة الناتجة.

كيف أعرض ملف HTML على الإنترنت؟

للمعاينة السريعة، انسخ محتوى الملف إلى المحرر. ولعنوان ويب يفتحه غيرك، ارفع الملف على Tiiny Host لينشره كرابط.

هل أستطيع فتح ملف HTML في Chrome؟

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

هل عارض HTML مجاني؟

هذا العارض لا يطلب حسابًا، ولا يضع حدًا لعدد مرات الاستخدام.

ما ملفات HTML التي يمكن عرضها بهذه الأداة؟

أي مستند HTML قياسي، ومنه HTML5، مع ما فيه من CSS وJavaScript. العارض يعالج صفحة واحدة في كل مرة، وتصفح الموقع متعدد الصفحات أسهل بعد رفع مجلده المضغوط على Tiiny Host.

هل أستطيع تعديل HTML بعد رفعه؟

محرر الأكواد على Tiiny Host متاح لمشتركي Solo، وما يحفظونه فيه يظهر في الصفحة المنشورة. وفي أي باقة يمكن رفع نسخة جديدة مكان القديمة.

هل أستطيع تقييد الوصول إلى صفحتي؟

الكود الذي تلصقه في العارض لا يُحفظ لدى Tiiny Host، والأداة ترسله إلى مدقق W3C لتشير إلى الأخطاء. الصفحة المنشورة يمكن قفلها بكلمة مرور في Solo، وإحصاءات Tiny تعرض عدد زياراتها.

هل أستطيع تضمين صفحتي في موقع آخر؟

في قائمة كل مشروع كود تضمين، يُلصق في مقال مدونة أو صفحة دورة تدريبية.

هل أحتاج إلى حساب لاستخدام عارض HTML؟

العارض متاح لكل زائر. التسجيل المجاني مطلوب عند نشر الصفحة كرابط فقط.

ما الفرق بينه وبين فتح الملف في متصفحي؟

الملف المحلي لا يظهر إلا على جهازك، وتعديله يعني التنقل بين المحرر والمتصفح. هنا الكود والمعاينة في شاشة واحدة، والنشر يتيح الصفحة لكل من معه الرابط.

صفحة HTML على شكل رابط