HTML Preview
Preview HTML code
Preview HTML code يعمل محليا في المتصفح الخاص بك
About the
تعرض معاينة HTML جزءًا من HTML مباشرةً حتى تتمكن من رؤية ما ينتج عنه دون حفظ الملف وفتحه. إنه مخصص للمقتطفات القصيرة: قالب بريد إلكتروني، أو ترميز أحد المكونات، أو مقتطف من نظام إدارة المحتوى، أو أي شيء آخر تريد رؤيته قبل لصقه في مكان ما. يتم التبديل بين التحرير والمعاينة بشكل فوري، مما يجعله حلقة سريعة لتعديل العلامات.
Where people use the
- التحقق من جزء قالب البريد الإلكتروني قبل إرسال الاختبار.
- معاينة العلامات التي تم لصقها من نظام إدارة المحتوى.
- التحقق من سلامة المقتطف قبل لصقه في طلب السحب.
- اختبار ما إذا كان الجدول أو القائمة يعرض بالطريقة التي تتوقعها.
How to use the
- 1
الصق الترميز الخاص بك
اكتب أو الصق جزء HTML في المحرر. يعمل كل من المستند الكامل أو مجرد مقتطف.
- 2
التبديل إلى المعاينة
اضغط على معاينة لعرضه. يتم رسم العلامات في الصفحة كما تظهر في المتصفح.
- 3
التبديل مرة أخرى وضبط
اضغط على "تحرير" للعودة إلى العلامات. يتم الاحتفاظ بالتغييرات، حتى تتمكن من تكرارها.
- 4
انسخها عندما تكون سعيدًا
حدد العلامة في المحرر وانسخها إلى مشروعك.
النصائح وأفضل الممارسات
- قم بإضافة أنماط مضمنة إذا كان الجزء الخاص بك يعتمد على ورقة أنماط غير موجودة هنا.
- العرض النظيف ليس دليلاً على الترميز الصحيح؛ المتصفحات تتجاهل الأخطاء.
- ضع في اعتبارك المعاينة للمقتطفات، وليس للصفحات الكاملة التي تحتوي على سلوك البرنامج النصي.
الأسئلة المتداولة
هل يدعم CSS وجافا سكريبت؟
يتم عرض علامات الأنماط والأنماط المضمنة. يتم تقديم البرامج النصية كعلامات، ولكن هذه معاينة لجزء، لذا تعامل مع سلوك البرنامج النصي على أنه غير موثوق.
لماذا يبدو المقتطف الخاص بي مختلفًا عن موقعي؟
لأن ورقة الأنماط المحيطة مفقودة. لا يرث الجزء أي شيء هنا، لذا فإن أي شيء يعتمد على CSS لموقعك سيبدو غير مرتب.
هل يمكنني تحميل صور أو خطوط خارجية؟
نعم، إذا كان من الممكن الوصول إليها بشكل عام، على الرغم من عدم تطبيق القواعد الخاصة بالصفحة المحيطة.
هل تم تحميل الترميز؟
لا، يتم العرض في متصفحك، لذا تظل القوالب غير المنشورة والمحتوى الداخلي على جهازك.
هل يتحقق من صحة HTML؟
لا، فهو يقدم ما تقدمه له. سيقوم المتصفح بإصلاح بعض الأخطاء بصمت، لذا فإن العرض النظيف لا يثبت صحة الترميز.