مطور / HTML

عارض HTML: معاينة مباشرة معزولة باستخدام CSS وJavaScript

ألصق HTML وCSS اختياريًا لعرض معاينة مباشرة ومعزولة. فعّل JavaScript صراحةً، وسّع المعاينة إلى ملء الشاشة أو نزّل ملف معاينة HTML.

عارض HTML: معاينة مباشرة معزولة باستخدام CSS وJavaScript: يعرض المصدر داخل إطار معزول ذي أصل معتم. تبدأ البرامج النصية معطّلة. تحظر سياسة أمن المحتوى الموارد الخارجية وطلبات fetch والنماذج والصفحات المضمّنة، مع السماح بالأنماط المضمّنة وصور البيانات. تُزال البيانات الوصفية التي يمكنها تحديث الصفحة، وعناصر base، وسياقات التصفح المضمّنة. يحتفظ التنزيل بالإطار المعزول. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.

مرات التشغيل
في المتصفح
التكلفة
مجاني · بلا تسجيل
التوفر
جاهز للاستخدام
عارض HTMLمعالجة محلية

تعمل بالكامل في المتصفح

المعاينة معزولة عن هذا الموقع. تكون البرامج النصية معطّلة تلقائيًا. تُحظر الأنماط والبرامج النصية والصور وطلبات fetch والنماذج والصفحات المضمّنة الخارجية؛ ويُسمح بالأنماط المضمّنة وصور البيانات. يؤدي تفعيل البرامج النصية إلى تشغيل التعليمات البرمجية التي تلصقها داخل المعاينة.

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

يفتح HTML الذي تم تنزيله المعاينة المعزولة نفسها. لا يتم إدراج أي مصدر في هذه الصفحة.

عزل الإطار

يحدّد معيار WHATWG HTML قيود وضع الحماية لعناصر iframe (https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-sandbox). لا يمنح هذا المعاين مطلقًا allow-same-origin.

قيود المحتوى

تحدّد مواصفة W3C لسياسة أمان المحتوى قيود الموارد (https://www.w3.org/TR/CSP3/). يطبّق المعاين سياسة تقييدية قبل العلامات المقدّمة. ويحافظ الغلاف الذي يتم تنزيله على حدود وضع الحماية.

طريقة الاستخدام

  1. ألصق HTML وCSS أو JavaScript اختياريًا.
  2. فعّل البرامج النصية فقط عندما تريد تشغيل الكود الملصق في المعاينة المعزولة.
  3. افحص المعاينة المباشرة أو معاينة ملء الشاشة، ثم نزّل ملف المعاينة المعزول.

الخصوصية والقيود

تُعالَج مدخلاتك وملفاتك في المتصفح. لا يتم رفع أي شيء.

أدوات ذات صلة

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

هل يمكن للمعاينة الوصول إلى ملفات تعريف الارتباط أو صفحة هذا الموقع؟

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

لماذا لا يتم تحميل الصور أو المكتبات الخارجية؟

تحظر المعاينة المحلية الموارد البعيدة. أدرج الأنماط والبرامج النصية مباشرةً في المحررين، واستخدم عناوين URL للبيانات للصور.

هل يمكنني لصق مستند HTML كامل؟

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

ماذا يتضمن التنزيل؟

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

أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا