يجب أن يعرف مبرمج HTML: علامة الاحتراف هي نفس عرض وعمل صفحة الموقع في أي متصفح ، على الأقل في "الثلاثة الكبار" ، والتي تشمل المتصفحات Internet Explorer و Opera و Mozilla Firefox. تتكون عملية التحقق من صحة عرض الموقع من ثلاث مراحل رئيسية.
انه ضروري
- • عدة متصفحات مثبتة على الكمبيوتر.
- • انتباه.
تعليمات
الخطوة 1
المرحلة الأولى ، الإعدادية
تتمثل عملية الإعداد في تنزيل مجموعة أدوات توزيع المتصفح وتثبيتها على الكمبيوتر. تنتهي أي عملية تثبيت بالسؤال: "هل تريد تضمين هذا المتصفح افتراضيًا؟". لذا ، فإن العنصر الرئيسي ، أو المضمّن افتراضيًا ، تحتاج إلى جعل الشخص الذي يحتل موقعًا وسيطًا من حيث حجم "العضادات" المحتملة. وفقًا لتجربة أجيال عديدة من مصممي التخطيط ، هذا هو متصفح Opera.
بعد تثبيت العديد من المتصفحات على جهاز الكمبيوتر الخاص بك ، انتقل مباشرة إلى عملية المقارنة. للقيام بذلك ، قم بالتمرير فوق الملف بامتداد.html ، والذي سيكون أساس صفحة موقع الويب أو القالب بأكمله ، وانقر فوقه بزر الماوس الأيمن. في علامة التبويب التي تفتح ، حدد "فتح باستخدام" ، ثم حدد نوع المتصفح الذي تريده. يمكن فتح الملف في عدة متصفحات في وقت واحد ، مع تركها مصغرة على شريط مهام سطح المكتب ، وفتحها حسب الحاجة.
الخطوة 2
المرحلة الثانية - المقارنة البصرية
بصريًا ، قد تختلف صفحات الموقع في المتصفح في ثلاثة معايير رئيسية:
1. بمقدار المسافات البادئة والهوامش بين عناصر الصفحة. IE متطور بشكل خاص في حساب القيم الحقيقية لخصائص الحشو والهامش.
2. تعرض المستعرضات المختلفة الخطوط بشكل مختلف ، حتى الخطوط القياسية مثل Arial و Times New Roman. هذا هو الأكثر تضررا لخطوط عناصر القائمة ، والتي يمكن عرضها في سطرين أو التفاف تماما إلى الصف الثاني.
3. صحة عرض الصور. في أبسط الحالات ، لا تقرأ بعض المتصفحات ، مثل Opera ، خصائص vspace و hspase المحددة في سمات العلامات
… في بعض الأحيان لا يتم توسيط الصور في خلايا الجدول إذا كانت السمات
لم يتم توضيح هذا الشرط. لكن المشكلة الرئيسية لمصمم التخطيط هي تحضير تنسيق صورة.png. القناة الشفافة في كود هذا الملف تقرأها جميع المتصفحات بطريقتها الخاصة ، خاصة أن IE نجح في ذلك. لذلك ، غالبًا ما يتم ملاحظة البقع الرمادية القبيحة بدلاً من الصور الشفافة الجميلة.
المرحلة الثالثة - الفحص الوظيفي
في هذه المرحلة ، تحتاج إلى التحقق من عناصر القائمة "المنسدلة". في عملهم ، يجب ألا يكون هناك هزات أو تباطؤ ، والأهم من ذلك ، قفزة في المحتوى العام للصفحة عند فتح عناصر قائمة فردية. الأمر نفسه ينطبق على عناصر النص في الصفحة ، والتي يتم توسيعها بالكامل عند النقر فوق الزر أو النقش "مزيد من التفاصيل".
في الختام ، أود أن أقول إن النضال من أجل "التوافق عبر المتصفحات" - هذا هو اسم خاصية الصفحة التي يتم عرضها في كل مكان بالطريقة نفسها ، فالعملية معقدة ومثيرة وتتطلب الكثير من الإجراءات العملية خبرة.
الخطوه 3
المرحلة الثالثة - الفحص الوظيفي
في هذه المرحلة ، تحتاج إلى التحقق من عناصر القائمة "المنسدلة". في عملهم ، يجب ألا يكون هناك هزات أو تباطؤ ، والأهم من ذلك ، قفزة في المحتوى العام للصفحة عند فتح عناصر قائمة فردية. الأمر نفسه ينطبق على عناصر النص في الصفحة ، والتي يتم توسيعها بالكامل عند النقر فوق الزر أو النقش "مزيد من التفاصيل".
في الختام ، أود أن أقول إن النضال من أجل "التوافق عبر المتصفحات" - هذا هو اسم خاصية الصفحة التي يتم عرضها في كل مكان بالطريقة نفسها ، فالعملية معقدة ومثيرة وتتطلب الكثير من الإجراءات العملية خبرة.
