Сайтты әртүрлі браузерлерде қалай тексеруге болады

Мазмұны:

Сайтты әртүрлі браузерлерде қалай тексеруге болады
Сайтты әртүрлі браузерлерде қалай тексеруге болады

Бейне: Сайтты әртүрлі браузерлерде қалай тексеруге болады

Бейне: Сайтты әртүрлі браузерлерде қалай тексеруге болады
Бейне: Fetch - деректерді қалай алуға болады? JavaScript қолдану 2024, Мамыр
Anonim

HTML кодеры білуі керек: кәсіпқойлықтың белгісі - кез-келген шолғышта сайт парағының көрсетілуі және жұмыс істеуі, ең болмағанда Internet Explorer, Opera, Mozilla Firefox шолғыштарын қамтитын «үлкен үштікте». Сайтты көрсетудің дұрыстығын тексеру процесі үш негізгі кезеңнен тұрады.

әртүрлі браузерлердегі веб-парақтарды тексеру
әртүрлі браузерлердегі веб-парақтарды тексеру

Бұл қажетті

  • • Компьютерде бірнеше браузерлер орнатылған.
  • • Назар аударыңыз.

Нұсқаулық

1-қадам

Бірінші кезең, дайындық

Дайындық процесі браузердің тарату жинағын жүктеп, оны компьютерге орнатудан тұрады. Кез-келген орнату процесі: «осы браузерді әдепкі бойынша қосу керек пе?» Деген сұрақпен аяқталады. Сонымен, бастысы немесе әдепкі бойынша енгізілген, мүмкін болатын «кептелістердің» мөлшері бойынша аралық орынды алатынды жасау керек. Макет дизайнерлерінің көптеген буындарының тәжірибесі бойынша, бұл Opera браузері.

Компьютерде бірнеше браузерлерді орнатып, салыстыру процесіне тікелей өтіңіз. Ол үшін.html кеңейтімі бар файлдың үстіне апарыңыз, ол веб-сайттың немесе бүкіл шаблонның негізі болады және оны тінтуірдің оң жақ түймешігімен нұқыңыз. Ашылған қойындыда «бірге ашу» пәрменін таңдап, қажет браузер түрін таңдаңыз. Файлды бірнеше браузерлерде бірден ашуға болады, оларды жұмыс үстелінің тапсырмалар тақтасында азайтып, қажет болған жағдайда ашуға болады.

2-қадам

Екінші кезең - көзбен салыстыру

Браузердегі сайттың парақтары визуалды түрде үш негізгі параметр бойынша ерекшеленуі мүмкін:

1. Бет элементтері арасындағы шегіністер мен шеттердің мөлшері бойынша. IE төсеу және маржа қасиеттерінің шын мәндерін есептеуде өте күрделі.

2. Әр түрлі браузерлер қаріптерді әртүрлі көрсетеді, тіпті Arial және Times New Roman сияқты стандартты қаріптер. Бұл екі жолда көрсетілуі немесе екінші қатарға толық оралуы мүмкін мәзір тармағының соққысы.

3. Суреттерді көрсетудің дұрыстығы. Қарапайым жағдайларда, Opera сияқты кейбір шолғыштар тег атрибуттарында көрсетілген vspace және hspase қасиеттерін оқымайды.

… Кейде атрибуттар болса, кесте ұяшықтарында суреттер центрленбейді

бұл шарт жазылмаған. Бірақ макет дизайнерінің басты проблемасы.png

Үш кезең - функционалды тексеру

Бұл кезеңде сіз «ашылмалы» мәзір элементтерін тексеруіңіз керек. Олардың жұмысында ешқандай асықпау, баяулау болмауы керек, ең бастысы, жеке мәзір элементтерін ашқан кезде парақтың жалпы мазмұнында секіріс болмауы керек. Дәл сол парақтың мәтіндік элементтеріне қатысты болады, олар батырманы немесе «толығырақ» деген жазуды басқанда толық кеңейеді.

Қорытындылай келе, «кросс-браузердің үйлесімділігі» үшін күрес - бұл парақтың барлық жерде бірдей көрінетін қасиетінің атауы, процесс күрделі әрі қызықты, көптеген практикалық жұмыстарды қажет етеді деп айтқым келеді. тәжірибе.

3-қадам

Үш кезең - функционалды тексеру

Бұл кезеңде сіз «ашылмалы» мәзір элементтерін тексеруіңіз керек. Олардың жұмысында ешқандай асықпау, баяулау болмауы керек, ең бастысы, жеке мәзір элементтерін ашқан кезде парақтың жалпы мазмұнында секіріс болмауы керек. Дәл сол парақтың мәтіндік элементтеріне қатысты болады, олар батырманы немесе «толығырақ» деген жазуды басқанда толық кеңейеді.

Қорытындылай келе, мен «кросс-браузердің үйлесімділігі» үшін күрес - бұл парақтың барлық жерде бірдей көрінетін қасиетінің атауы, процесс күрделі әрі қызықты, көптеген практикалық жұмыстарды қажет етеді деп айтқым келеді. тәжірибе.

Ұсынылған: