انتقل إلى المحتوى
أدوات المطورين

HTML عرض — مباشر HTML معاينة عبر الإنترنت

لصق HTML و انظر إنه rendered مباشر في sandboxed معاينة.

Updated 342 uses Read the guide
مساحة الأداة
الدليل والتفاصيل

HTML Viewer — Live Preview Online

LIVE PREVIEW
Safe preview mode HTML and CSS can preview safely. JavaScript is disabled until you enable Interactive JavaScript.
Paste or type code to start.
Image Assets
0 images
Code Editor
HTML • 0 lines
Live Preview
preview.local
0 messages
Enable Interactive JavaScript to see console output.

GET MORE FROM THIS TOOL

الدليل والتفاصيل

HTML عرض — مباشر HTML معاينة عبر الإنترنت

استخدم هذا مجاني HTML عرض عبر الإنترنت إلى لصق أو write HTML رمز و فورًا انظر كيف إنه looks في ال متصفح.

هناك هو لا تحتاج إلى إنشاء .html ملف, install برمجيات, أو تعيين لأعلى تطوير environment.

ال سير العمل هو بسيط:

لصق HTML → انظر مباشر معاينة

كما أنت edit ال رمز, ال معاينة تحديثات تلقائيًا لذلك أنت يمكن اختبار layouts, HTML snippets, نماذج, tables, inline CSS, و موقع ويب قسم بسرعة.

كيف إلى استخدم ال HTML عرض

  1. لصق أو نوع HTML إلى ال HTML رمز محرر.
  2. عرض ال rendered نتيجة في ال مباشر معاينة panel.
  3. Continue تحرير و انظر تغييرات تلقائيًا.
  4. تبديل بين سطح المكتب, Tablet, و هاتف محمول معاينة حجم.
  5. نسخ أو تنزيل خاصتك HTML متى مكتمل.

أنت يمكن أيضًا استخدم ال عينة زر إذا أنت تريد إلى اختبار ال عرض قبل إضافة خاصتك خاص رمز.

HTML معاينة مثال

لصق:

[object HTMLPreElement]

ال معاينة panel فورًا renders ال heading, paragraph, و زر.

أنت يمكن استخدم إما صغير HTML fragments أو كامل HTML مستندات.

مباشر HTML معاينة بينما أنت نوع

مع تلقائي معاينة enabled, هناك هو لا تحتاج إلى press Run زر بعد كل edit.

تغيير:

  • HTML elements
  • نص
  • Classes
  • Inline نمط
  • Tables
  • نماذج
  • صور
  • Layout بنية

و ال rendered نتيجة تحديثات تلقائيًا.

إذا أنت هي العمل مع أكبر HTML رمز, أنت يمكن turn تلقائي معاينة إيقاف و استخدم Refresh معاينة يدويًا.

HTML محرر مع معاينة

على سطح المكتب, ال أداة يعرض:

HTML محرر | مباشر معاينة

هذا يجعل إنه سهل إلى قارن خاصتك مصدر رمز مع ال rendered مخرجات.

على أصغر screens, ال محرر و معاينة تلقائيًا stack vertically لـ أسهل استخدم على tablets و هاتف محمول جهاز.

اختبار HTML عبر الإنترنت

ال عرض هو مفيد متى أنت تحتاج إلى بسرعة اختبار صغير piece من HTML بدون فتح كامل IDE.

شائع يستخدم تضمين:

  • اختبار HTML snippets
  • التحقق تم إنشاؤه HTML
  • معاينة مدونة HTML
  • اختبار tables
  • مراجعة نماذج
  • التحقق inline CSS
  • Debugging layout problems
  • معاينة موقع ويب قسم
  • Learning HTML
  • Demonstrating HTML في فصل دراسي

Responsive HTML معاينة

استخدم ال built-في جهاز تحكم إلى انظر كيف خاصتك HTML behaves في مختلف viewport عرض.

اختر من:

سطح المكتب

معاينة ال صفحة في wide سطح المكتب layout.

Tablet

تحقق كيف ال HTML responds في narrower tablet عرض.

هاتف محمول

معاينة ال layout في هاتف محمول-حجم viewport.

هذا هو خصوصًا helpful متى اختبار responsive CSS و موقع ويب قسم.

معاينة HTML و CSS

ال HTML عرض يدعم CSS مكان inside خاصتك رمز.

على سبيل المثال:

[object HTMLPreElement]

ال نمط سوف appear مباشرة في ال معاينة.

أنت يمكن استخدم:

  • داخلي <style> blocks
  • Inline نمط
  • أساسي responsive CSS
  • External stylesheets متى متصفح وصول يسمح إياهم

HTML Fragment و كامل مستند دعم

أنت افعل ليس تحتاج إلى write كامل HTML مستند.

بسيط fragment مثل كما:

[object HTMLPreElement]

يمكن يكون معاينة فورًا.

أنت يمكن أيضًا لصق كامل مستند يحتوي على:

[object HTMLPreElement]

هذا يجعل ال أداة مفيد لـ كلا beginners و مطورو البرامج.

Safe HTML معاينة

ال معاينة يعمل inside isolated iframe.

لـ safety, JavaScript execution هو disabled في هذا version من ال عرض.

HTML و CSS يمكن يكون rendered, بينما potentially risky active behavior مثل كما scripts, نموذج submissions, popups, و nested frames هو restricted.

هذا يجعل ال أداة أفضل suited لـ بسرعة inspecting ماضٍ HTML بدون allowing إنه إلى interact مباشرة مع ال رئيسي أداة صفحة.

Import و تنزيل HTML

إذا أنت بالفعل لديك HTML ملف, استخدم Import HTML إلى load إنه إلى ال محرر.

متى مكتمل, انقر تنزيل إلى حفظ ال حالي رمز كما .html ملف.

هذا مفيد لـ:

  • طلاب إنشاء HTML تمارين
  • مطورو البرامج اختبار snippets
  • Bloggers مراجعة HTML
  • معلمون تحضير أمثلة
  • Freelancers التحقق عميل ترميز

نسخ HTML مع واحد انقر

استخدم نسخ HTML إلى بسرعة نسخ ال كامل مصدر رمز إلى خاصتك clipboard.

أنت يمكن ثم لصق إنه إلى:

  • مقابل رمز
  • CMS
  • موقع ويب builder
  • مدونة محرر
  • رمز repository
  • آخر تطوير أداة

من هو هذا HTML عرض لـ?

Front-نهاية مطورو البرامج

بسرعة اختبار و debug HTML بدون إنشاء temporary ملفات.

الطلاب

Learn HTML بواسطة كتابة رمز و انظر ال نتيجة فورًا.

Beginners

Experiment مع headings, paragraphs, زر, نماذج, صور, و نمط.

أسئلة وأجوبة Testers

Inspect تم إنشاؤه أو تم النسخ HTML و تحقق كيف إنه renders.

Bloggers

معاينة مخصص HTML قبل إضافة إنه إلى موقع ويب أو CMS.

معلمون

Demonstrate HTML أمثلة في بسيط متصفح-بناءً على environment.

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

ما هو HTML عرض?

HTML عرض يتيح أنت أدخل HTML رمز و انظر ال rendered مرئي نتيجة في متصفح معاينة.

يمكن أنا معاينة HTML عبر الإنترنت بدون إنشاء ملف?

نعم. لصق أو نوع خاصتك HTML مباشرة إلى ال محرر و عرض ال نتيجة فورًا.

يفعل ال معاينة تحديث تلقائيًا?

نعم. تلقائي معاينة تحديثات ال rendered مخرجات بينما أنت نوع.

يمكن أنا معاينة CSS أيضًا?

نعم. Inline CSS و <style> blocks هي rendered مع ال HTML.

يمكن أنا اختبار responsive HTML?

نعم. استخدم ال سطح المكتب, Tablet, و هاتف محمول معاينة وضع.

يمكن أنا لصق كامل HTML مستند?

نعم. كلا HTML fragments و كامل مستندات هي مدعوم.

يفعل JavaScript run في ال معاينة?

لا. JavaScript هو disabled في هذا version لـ safer HTML معاينة.

يمكن أنا تنزيل لي HTML?

نعم. أنت يمكن تنزيل ال حالي مصدر كما .html ملف.

معاينة HTML عبر الإنترنت الآن

لصق خاصتك HTML إلى ال محرر و انظر ال rendered نتيجة فورًا.

سواء أنت هي learning HTML, اختبار snippet, التحقق responsive layout, مراجعة تم إنشاؤه رمز, أو debugging موقع ويب قسم, هذا مباشر HTML عرض يعطي أنت سريع طريقة إلى معاينة HTML مباشرة في متصفحك.