نحوه بررسی یک سایت در مرورگرهای مختلف

فهرست مطالب:

نحوه بررسی یک سایت در مرورگرهای مختلف
نحوه بررسی یک سایت در مرورگرهای مختلف

تصویری: نحوه بررسی یک سایت در مرورگرهای مختلف

تصویری: نحوه بررسی یک سایت در مرورگرهای مختلف
تصویری: چگونه وب سایت خود را در مرورگرها و دستگاه های تلفن همراه مختلف آزمایش کنید - Google Chrome و Firefox DevTools 2024, نوامبر
Anonim

یک رمزگذار HTML باید بداند: نشانه حرفه ای بودن همان نمایش و عملکرد صفحه سایت در هر مرورگری ، حداقل در "سه بزرگ" است که شامل مرورگرهای Internet Explorer ، Opera ، Mozilla Firefox است. روند تأیید صحت نمایش سایت از سه مرحله اصلی تشکیل شده است.

بررسی صفحات وب در مرورگرهای مختلف
بررسی صفحات وب در مرورگرهای مختلف

لازم است

  • • چندین مرورگر روی رایانه نصب شده است.
  • • توجه.

دستورالعمل ها

مرحله 1

مرحله یک ، مقدماتی

مراحل آماده سازی شامل بارگیری کیت توزیع مرورگر و نصب آن بر روی رایانه است. هر فرآیند نصب با س theال به پایان می رسد: "این مرورگر به طور پیش فرض شامل شود؟" بنابراین ، اصلی ، یا به طور پیش فرض موجود است ، شما باید از نظر اندازه "گیر" های احتمالی ، موقعیتی را تهیه کنید که موقعیت متوسطی را اشغال کند. با توجه به تجربه بسیاری از طراحان طرح ، این مرورگر Opera است.

پس از نصب چندین مرورگر در رایانه ، مستقیماً به فرآیند مقایسه ادامه دهید. برای این کار ، پرونده را با پسوند.html که اساس صفحه وب سایت یا کل الگو خواهد بود ، قرار دهید و با کلیک راست روی آن کلیک کنید. در برگه باز شده ، "باز کردن با" را انتخاب کنید و سپس نوع مرورگر مورد نظر خود را انتخاب کنید. پرونده را می توان همزمان در چندین مرورگر باز کرد ، و آنها را در نوار وظیفه دسک تاپ به حداقل رساند و در صورت لزوم باز می شود.

گام 2

مرحله دو - مقایسه بصری

از نظر بصری ، صفحات سایت در مرورگر ممکن است در سه پارامتر اصلی متفاوت باشند:

1. با توجه به مقدار تورفتگی ها و حاشیه بین عناصر صفحه. IE مخصوصاً در محاسبه مقادیر واقعی خواص بالشتک و حاشیه پیچیده است.

2. مرورگرهای مختلف فونتها را متفاوت نشان می دهند ، حتی فونتهای استاندارد مانند Arial و Times New Roman. این سخت ترین ضربه برای خطوط مورد منو است ، که می تواند در دو خط نمایش داده شود یا کاملاً به سطر دوم بپیچد.

3. صحت نمایش تصاویر. در ساده ترین موارد ، برخی از مرورگرها ، مانند Opera ، خواص vspace و hspase را که در ویژگی های برچسب مشخص شده است نمی خوانند.

… گاهی اوقات تصاویر در ویژگی های سلول های جدول نیستند

این شرط بیان نشده است. اما مشکل اصلی طراح طرح در تهیه فرمت تصویر.png

مرحله سه - بررسی عملکردی

در این مرحله ، باید موارد منوی "کشویی" را بررسی کنید. در کار آنها ، هنگام باز کردن موارد منوی منفرد ، هیچ ترفندی ، کاهش سرعت و مهمتر از همه ، پرش به محتوای کلی صفحه وجود نداشته باشد. همین مورد در مورد عناصر متنی صفحه وجود دارد ، که وقتی روی دکمه یا کتیبه "جزئیات بیشتر" کلیک می کنید ، کاملاً گسترش می یابند.

در پایان ، می خواهم بگویم که تلاش برای "سازگاری بین مرورگر" - این نام خاصیت یک صفحه است که در همه جا به همین روش نمایش داده می شود ، این روند پیچیده و مهیج است ، و نیاز به بسیاری از اقدامات عملی دارد تجربه.

مرحله 3

مرحله سه - بررسی عملکردی

در این مرحله ، باید موارد منوی "کشویی" را بررسی کنید. در کارهای آنها ، هنگام باز کردن موارد منو ، نباید هیچ تند و سریع ، کاهش سرعت و مهمتر از همه ، پرش به محتوای کلی صفحه باشد. همین مورد در مورد عناصر متنی صفحه وجود دارد ، که وقتی روی دکمه یا کتیبه "جزئیات بیشتر" کلیک می کنید ، کاملاً گسترش می یابند.

در پایان ، می خواهم بگویم که تلاش برای "سازگاری بین مرورگر" - این نام خاصیت یک صفحه است که در همه جا به همین روش نمایش داده می شود ، این روند پیچیده و مهیج است ، و نیاز به بسیاری از اقدامات عملی دارد تجربه.

توصیه شده: