responsive web design testing
У данашње доба употреба мобилних уређаја за приступ Интернету порасла је и постала прилично популарна. Готово сваки корисник Интернета жели мобилну верзију веб странице.
Међутим, већина веб локација није толико оптимизована колико би требало да буде за мобилне уређаје. Тестер би требало да изврши мобилни одзивни тест на одзивним дизајном.
Традиционални софтверски производи у основи чине исто на било ком уређају.
Мајкрософт Офис, на пример , изгледа исто на сваком личном рачунару. Замислите да узмете Мицрософт Ворд тачно онако како ради на вашој радној површини и прегледате га на иПхоне4. Или ће се менији и тастери појавити ситно, или ћете видети само угао екрана и требаћете да користите опсежне клизаче. У сваком случају, апликација постаје у основи неупотребљива.
Ово фрустрирајуће искуство је управо оно кроз шта пролази сваки дизајнер када покушава да дизајнира за мрежу.
Решење проблема је нешто што се назива „респонзивни дизајн“, техника којом веб странице питају прегледач каква је резолуција, а затим грациозно редизајнирају корисничко искуство на основу доступне некретнине на екрану. Одједном је немогуће тачно знати како ће ваш софтвер изгледати у производњи.
То значи стратегију тестирања (и стратегију аутоматизације) која мора бити способна да експериментише и научи шта „изгледа добро“, а шта не, у различитим резолуцијама.
Шта ћете научити:
- Водич за почетнике за тестирање прилагодљивих дизајна веб страница
- Шта је прилагодљиви веб дизајн?
- Предности прилагодљивог дизајна:
- Главне компоненте прилагодљивог дизајна веб странице:
- Примери прилагодљивог веб дизајна
- Како тестирати одзивни веб сајт
- Примери сценарија теста за одзивно тестирање веб локација:
- Алати за тестирање прилагодљиве веб странице
- Изазови тестирања реактивног дизајна и могућих решења
- Савети за одзивно веб тестирање
- Закључак
Водич за почетнике за тестирање прилагодљивих дизајна веб страница
Када покушамо да отворимо веб локацију, сервер чита „ м.суб-домени ”Да бисте утврдили из које врсте мобилног уређаја потиче захтев. На основу тога, преусмерава корисника на одговарајућу мобилну верзију.
Да би ово било 100% ефикасно, сваки уређај треба да има свој дизајн веб странице посебно направљене за њега; фили пример,различит специфичан дизајн за Блацкберри, иПхоне, иПад итд. узимајући у обзир величину екрана и резолуције.
Међутим, различита веб верзија за сваку резолуцију и уређај није практична. Тхе Етхан Марцотте је смислио нови приступ - Респонсиве Веб Десигн ( РВД ) - то решава овај проблем.
Наша препорука
# 1) ЛТ прегледач
ЛТ прегледач помаже корисницима да тестирају и отклоне грешке на својој веб локацији у више од 45 приказа уређаја. Тестирајте своју веб страницу на различитим унапред инсталираним портовима за приказ мобилних уређаја и рачунара са ЛТ прегледачем, прегледачем прилагођеним за програмере за отклањање грешака у мобилном приказу.
Једноставно унесите УРЛ веб локације, изаберите уређај на којем ћете тестирати веб локацију. Можете истовремено одабрати два уређаја за упоређивање погледа уз бок.
Не само тестирање, већ и корисници могу отклонити грешке на својој веб локацији у покрету уз помоћ уграђених ДевТоолс-а које нуди ЛТ Бровсер.
Најбољи део је што корисници могу да креирају прилагођени уређај на основу својих захтева који ЛТ прегледач чине нашим првим избором за одзивно тестирање.
=> Посетите ЛТ прегледачШта је прилагодљиви веб дизајн?
РВДциљеви за веб локације да реагују на свој уређај, резолуцију и буду у могућности да се правилно прикажу и прилагоде. На пример, ако корисник пређе са рачунара / лаптопа на иПад, тада би веб локација требало аутоматски да прилагоди промене резолуције попут величине слике итд. у складу са могућностима одговарајућег уређаја.
Укратко,Нацрт са одзивомје „Једна веб локација за сваки екран“ .
На доњем екрану јепримерРВД-а:
Белешка: Реалном временупримеродзивне веб странице је ввв.фпл.цом
У РВД-у, веб страница је дизајнирана да пружи врхунско корисничко искуство помоћу једноставне навигације, прегледног и једноставног корисничког интерфејса итд. Одзивне веб локације се лако прилагођавају и раде у свим резолуцијама, прегледачима, величинама екрана, хардверу и оперативним системима.
- Респонзивне веб локације кодиране су у ПХП, .Нет, Јава, ЦК5 (Адобе Екпериенце Манагер - АЕМ) и многим новим оквирима који су врло згодни за развој респонзивних дизајна.
- ЦСС и ХТМЛ функције се користе како би се резолуције екрана и слике аутоматски мењале.
- Дизајн РВ користи тачке прекида за идентификовање изгледа веб локације. Сваки дизајн се користи на различитим тачкама прекида. Један дизајн се примењује преко тачке прекида, док се други дизајн користи испод тачке прекида. Те тачке прекида углавном се заснивају на ширини прегледача.
- Током дизајнирања прилагодљиве веб странице, програмери узимају у обзир садржај, дизајн и перформансе веб локације на свим уређајима осигурати употребљивост .
Дијаграм је тачан пример како се садржај прилагођава окружењу и понашању уређаја.
Белешка : Осим РВД-а, постоји и други приступ Адаптивни веб дизајн ( АВД ) . У приступу АВД, постојаће одређени дизајн за сваки уређај. Међутим, АВД можда неће бити прикладан све време. Поред тога, дизајнирање АВД локација захтева више времена и новца у поређењу са РВД локацијама.
Предности прилагодљивог дизајна:
# 1) Корисничко искуство: На основу уређаја са којег приступамо РВ-у, он скрива необичне елементе и помаже корисницима да брже постигну своје циљеве.На пример:ако отворимо РВ са мобилног уређаја, он сакрива неважне елементе и убрзава учитавање веб страница.
#два) Дељење или повезивање: За РВ се користи само једна УРЛ адреса за разне уређаје. Како само један УРЛ сакупља све податке и информације са различитих уређаја, то даје бољи УКС за кориснике.
# 3) Мало или минимално одржавање потребно за РВ.
# 4) РВ распореди су флуидни.
Разлике између прилагодљивог веб дизајна и прилагодљивог веб дизајна:
РВД и АВД су уско повезани једни с другима.
- РВД реагује брзо и позитивно на промене док се АВД може лако изменити за нову намену.
- РВД има више распореда течних мрежа, а АВД има више распореда фиксне ширине.
- Слике у РВД-у називају се контекстуалним.
Главне компоненте прилагодљивог дизајна веб странице:
Прилагодљиви веб дизајн има три главне компоненте:
# 1) Флексибилни распореди: Израда веб странице са флексибилном мрежом која се може лако динамички променити у било коју ширину.
#два) Упити за медије: Наведите различите стилове за прегледаче и уређаје на основу контекста, попут оријентације уређаја, оквира за приказ итд.
# 3)Флексибилни медијум: Како се величина оквира за приказ мења, медији (слике, видео записи итд.) Такође морају да промене величину или резолуцију у складу са захтевом.
Белешка : „Прегледни део“ је подручје прегледача у којем се приказује стварни садржај веб странице. Виевпорт не укључује траке с алаткама, картице итд.
Примери прилагодљивог веб дизајна
Пример # 1)
Отворите везу ввв.фпл.цом са различитих уређаја и посматрајте УРЛ. УРЛ прилагодљиве веб локације остаје исти за све уређаје.
до) Поглед на РВ са радне површине или преносног рачунара (велика величина екрана)
б) Поглед на РВ са таблета (средња величина екрана)
ц) Поглед на РВ са мобилног уређаја (мала величина екрана)
Пример бр. 2)
Отворите веб локацију ввв.иепме.цом са лаптопа, а такође и са мобилног телефона и упоредите УРЛ адресе. Ово иепме.цом линк није одговарајући линк.
до) Поглед веб странице која не реагује са радне површине или лаптопа
пример селена вебдривер кода у јави
б) Приказ веб странице која не реагује са мобилног уређаја
Како тестирати одзивни веб сајт
Тест реактивног дизајна значи тестирање веб странице или УРЛ са различитих уређаја. Практично није могуће тестирати одзивни веб сајт у потпуности, јер да бисмо то учинили потребно је да поставимо различите системе за различите величине екрана.
Могући начин за одговарајући тест је променом величине прозора прегледача према сценарију теста.
Неки прегледачи, као што су ИЕ и Сафари, обезбедиће додатке или проширења прегледача који ће вам помоћи да прегледате подручје приказа у пикселима. Ово олакшава тестирање добијањем жељене величине екрана модификовањем пиксела.
Други прегледачи попут Цхроме пружају софтвер или тзв „Емулатор“ што ће помоћи у промени карактеристика екрана и окружења према жељеном уређају потребном за тестирање.
Белешка: „Емулатор“ је софтвер или програм који се пружа у прегледачу због чега се систем домаћин (тренутни прегледач) понаша попут гостујућег система (прегледач жељеног уређаја који се тестира на жељену величину екрана).
Иако емулатори не могу да вам дају тачно окружење потребно за тестирање, они су исплативо решење за тестирање РВ-а на високом нивоу.
Примери сценарија теста за одзивно тестирање веб локација:
Тестер респонзивног веб дизајна треба да се увери да одговарајући дизајн задовољава све доле поменуто тест сценарији како би се осигурало да је у питању дизајн без грешака.
# 1) Прилагодљива веза до веб странице или УРЛ адреса треба да буду једнаке за све прегледаче на сваком уређају, без обзира на резолуцију екрана.
Претпоставимо ввв.абц.цом је прилагодљива веб локација. Ако га отворимо на преносном рачунару и мобилном телефону, онда би УРЛ требало да буде исти на оба уређаја. Веб локација отворена у мобилном прегледачу не би требало да започиње ввв.м.абц.цом или ввв.мобиле.абц.цом
Пример: Отворите веб локацију ввв.котак.цом са лаптопа, а исто тако отворите и са мобилног уређаја и пратите УРЛ на оба уређаја. УРЛ адреса није иста за оба уређаја.
Испод снимка приказано је како се УРЛ адреса мења за веб локација која не реагује на различитим уређајима као што су лаптоп и мобилни.
Отворите веб локацију ввв.в3сцхоолс.цом са лаптопа и са мобилног и проверите УРЛ адресе. Требало би да буде исто за оба уређаја.
Испод снимка приказано је да УРЛ остаје исти за прилагодљиву веб локацију на различитим уређајима:
#два) Локација приказа садржаја (слике, подвезе, менији итд.) Одзивне веб странице треба да се мења динамички у складу са променом резолуције екрана. Односно, ако променимо резолуцију екрана са величине лаптопа на мобилни, приказ опција менија би требало да се мења динамички.
Пример: Отворите везу ввв.фпл.цом са преносног рачунара и кликните на мени у горњем десном углу прозора. Опције менија су приказане као што је приказано доле:
кружна двоструко повезана листа ц ++
Отвори ввв.фпл.цом са мобилног телефона и кликните на мени у горњем десном углу прозора. Опције менија су следеће:
Белешка: Овај сценарио се такође може тестирати помоћу емулатора прегледача (Бивши:хром).
Отворите веб локацију ввв.фпл.цом преко радне површине и посматрајте како се приказују опције менија. Погледајте доњи снимак:
Сада промените величину прозора прегледача на величину екрана за мобилне уређаје, а затим проверите приказ опција менија. Погледајте доњи снимак:
# 3) УРЛ-ови респонзивних веб локација такође треба да имају одређену резолуцију.
Предуслов за тестирање овог сценарија: Замолите програмера да убаци било коју подвезу на веб локацију Респонсиве тестинг где под-веза не реагује.
На пример, програмер може да убаци везу ввв.снапдеал.цом на нашу веб локацију за тестирање.
Сада са мобилног телефона отворите веб локацију са респонзивним тестирањем и кликните на подвезу која је наведена у предуслову. Тада би УРЛ под-везе требало да се промени у хттпс://м.снапдеал.цом .
# 4) Исти сценарио се може тестирати и са лаптопа. Отворите РВ са радне површине или преносног рачунара и кликните на подвезу (поменуту у предуслову теста три сценарија) која не реагује. УРЛ подвезе не би требало да се мења (пошто тестирамо овај сценарио са преносног рачунара, УРЛ би требало да остане исти).
# 5) Предуслов за тестирање овог сценарија: Замолите програмера да убаци било коју подвезу,на пример, ввв.паитм.цом на место за тестирање. На мобилном уређају на којем ћете извршити овај сценарио треба да буде инсталирана одговарајућа апликација Паитм у мобилном уређају.
Сада отворите нашу веб страницу са тестирањем која одговара и кликните на под-везу „паитм“. Тада треба отворити апликацију Паитм која је инсталирана у мобилном телефону. (Корисник не би требало да буде преусмерен на веб локацију у прегледачу или другом прозору; само апликација треба да буде отворена.)
# 6) Слике на одговарајућем веб месту имају одређену резолуцију. То значи да се резолуција слике уметнуте у код одговарајуће веб странице дизајниране за компатибилност са мобилним уређајима разликује од резолуције радне површине или таблета. Свака величина екрана треба да има своју специфичну слику у дизајну.
Предуслов за тестирање овог сценарија: Тестирање и провера резолуције слика могао би бити тежак задатак. Замолите програмера да на прилагодљиви веб сајт убаци три различите слике за мобилне уређаје, таблете и рачунаре.
Отворите веб локацију за тестирање респонзивног дизајна са радне површине, таблета и мобилног уређаја. Слике на одговарајућој веб страници требале би се разликовати за сва три уређаја.
(ИЛИ)
Отворите тестни РВ са радне површине и проверите слику на веб страници. Сада промените величину прозора на прозор таблета и проверите слику. Ово би требало да се разликује од слике приказане за величину екрана радне површине. Сада можете да промените величину прозора на величину екрана за мобилне уређаје и проверите слику. Ова слика такође треба да се разликује од горње две слике.
Пример: Отворите одзивни сајт ввв.фпл.цом са радне површине; кликните десним тастером миша на слику на почетна страница -> одаберите „Инспецт“ из менија. Проверите резолуцију слике (проверите ознаку датотеке са сликом .јпг) из кода. Погледајте доњи снимак екрана:
Сада промените величину истог прозора на ону величине екрана таблета и проверите резолуцију слике. (Додатак за име слике је средњи.јпг)
На крају, промените величину прозора на величину екрана за мобилне уређаје и проверите слику. (Додатак за име слике је мали.јпг)
# 7) Случајно кликните било где на веб страници и проверите да ли се било који податак или текст који није хипервеза покреће и преусмерава на било коју другу страницу или садржај. Овим се испитује да ли је било која реч или текст означен као хипервеза у задњи крај .
Белешка : У неколико пројеката, захтеви говоре о величини пиксела и резолуцији екрана за одређене уређаје. (На пример, приказ таблета за њихов РВ треба да буде 15:15 пиксела, а за мобилни треба да буде 10:10 итд.)
Тестирање динамичких промена које би се требале догодити за РВ екран када променимо величину пиксела је главни сценарио.
# 8) Отворите наш тестни РВ у прегледачу и прегледајте садржај и приказ главних слика. Сада промените величину прозора до тачке прелома величине таблета и проверите промене које би се требале догодити у резолуцији слике и било ком другом садржају. На тачкама прекида, промене би се требале дешавати динамички (понекад се промене неће догодити на тачкама прекида и могу се променити на неким другим величинама пиксела што је недостатак.)
Алати за тестирање прилагодљиве веб странице
Постоји неколико алата (веб локација) који ће вам омогућити преглед веб страница наше прилагодљиве веб локације.
На пример,можемо да тестирамо нашу реактивну веб локацију у различитим унапред дефинисаним резолуцијама екрана (паметни телефони, таблети итд.) и да је прилагодимо било којој жељеној резолуцији. Ови алати чине активности тестирања лакшим и бржим. Такви алати у прегледачу могу се назвати као Одговорник .
Неки алати нуде и важну функцију снимања прилагодљивог снимка екрана који би нам могао помоћи у тестирању дизајна веб локација, ХТМЛ-а, распореда, ЦСС-а итд.
Ови алати су одлична алтернатива када стварни уређаји нису доступни или спремни.
Ево брзе листе алата:
# 1) Респонсиве цхецкер за дизајн
Унесите УРЛ одговарајуће веб странице коју треба тестирати у горње поље „Унесите УРЛ овде“ и кликните на „ГО“. Можете чак да изаберете уређај и резолуцију на којој желите да видите одзивни сајт.
Сад уђи ввв.фпл.цом у пољу изаберите распоред „Некус 7 ПОРТРАИТ“ и кликните ГО. Сајт се приказује у резолуцији изабраног формата.
#два) Сцреенфли
Уђите на локацију за тестирање ввв.фпл.цом и кликните ГО.
Промените изглед на рачунару, таблету, мобилном уређају итд. И тестирајте веб локацију. Помоћу овог алата можете чак и да прилагодите резолуцију.
На пример, подесите резолуцију екрана на 512 к 256 и тестирајте локацију.
Белешка : Помоћу овог алата можете чак и да тестирате сценарио 6 лако променом резолуције и провером именовања слика.
# 3) Десигнмодо
Унесите било који УРЛ, ввв.макемитрип.цом и кликните Ентер.
На десној горњој страни прегледача имате могућност да промените изглед веб странице у било који одређени мобилни модел или уређај итд.
Белешка : Овај алат има још једну функцију попут повлачења екрана и прилагођавања резолуције жељеној резолуцији.
# 4) исРеспонсиве
Унесите УРЛ за тестирање, ввв.фпл.цом у пољу и кликните на дугме „Тест“.
Белешка: Овај алат има само неколико опција фиксног изгледа на којима се наша веб локација може тестирати.
# 5) Матткерслеи
Ако желите да истовремено имате приказ свог РВ-а на више величина екрана, користите овај алат матткерслеи је оно што вам треба.
Сада унесите УРЛ за тестирање у траку за адресу и кликните на ентер. Можете да видите РВ истовремено на више величина екрана.
# 6) Подразумевано, цхроме има мало алата за развој помоћу којих можемо симулирати начин рада уређаја и њихове могућности.
Да бисте користили ову функцију хрома, отворите било коју веб локацију за тестирање која одговара, попут ввв.фпл.цом у цхроме и кликните десним тастером миша на веб страницу и у менију одаберите опцију „Инспецт“ или притисните Цтрл + Схифт + И. Прозор у наставку се отвара на дну веб странице.
Сада кликните на икону као што је приказано на доњем снимку екрана.
Отвара се мобилни режим веб странице. Од тога можете променити резолуцију на било који одређени пиксел, а такође и на било који унапред дефинисани мобилни модел који се приказује у падајућем менију. Погледајте доњи снимак да бисте стекли јасну идеју:
Белешка: Такође можемо да променимо веб страницу у усправни или пејзажни приказ.
Други добри алати за тестирање одзивног дизајна:
7) Нацрт са одзивом
8) БровсерСтацк
9) Трои
10) АмИРеспонсивеДесигн
Једанаест) Одговорник
12) Студиопресс
13) РеспонсивеТест
14) За МАЦ машине имамо засебну апликацију под називом „ ФИТ ”За тестирање РВ-а. Ова апликација вам омогућава да подесите различите тачке прекида на различитим уређајима за тестирање. АПТУС није бесплатна апликација и морамо је купити из Мац Апп Сторе-а.
Изазови тестирања реактивног дизајна и могућих решења
Стратегија динамичког испитивања
Прелазак са 320 × 480 (резолуција иПхоне4) на 2048 × 2048 (велики монитор) оставља преко 4 милиона могућих величина прегледача. Већина тест група ће сузити листу тест уређаја на прегршт. Чак и тада је проблему ручног тестирања тешко или немогуће приступити.
Програмери не могу предвидети све проблеме платформе, а тестери их не могу ухватити пре пуштања. Због тога у производњи налазимо повремене проблеме са корисничким интерфејсом.
Можда је неко смањио величину свог прегледача због чега су важна текстуална поља прекривена ознаком странице. Можда неки код дизајниран за руковање динамичком променом величине странице прекида модалне бираче датума и никада га не примети уобичајени тест изграђен на ВебДриверу. Превише је могућности приказа за прављење тестова, а премало времена.
Погледајмо ареалан примерради илустрације проблема.
Динамичне странице, попут клизача за оглашавање и садржаја који се стримује од корисника различитих величина страница, основни су део многих софтверских производа. Додајте овоме чињеницу да не можемо предвидети како ће се страница приказивати и многи напори у аутоматизацији започињу неуспехом.
Видим два популарна решења за овај проблем - коришћење стандардизованог или основног скупа података и освежавање при сваком покретању пакета за тестирање и узимање ствари по једно окружење или платформу.
Стандардни подаци осигуравају да садржај странице изгледа исто сваки пут када учитамо тест окружење. Та стратегија у комбинацији са нечим попут Сауце Лабс који омогућава људима приступ многим платформама и прилично се стиже.
Овај приступ захтева време и ресурсе. Требаће вам времена од некога ко има приступ бази података, обично ДБА, да бисте креирали и ажурирали извоз базе података. А неко мора да креира скрипте за подешавање и уклањање скрипти да би одржао тест окружење. Након свих ових напора, можда ћете завршити са оном врстом санираног окружења у којем се грешке воле да се крију.
Алтернативно, визуелно тестирање можете користити за аутоматизацију тестова на веб страницама које се разликују по изгледу и садржају. Коришћењем овог алата можете да креирате тестове без икаквих промена у тестном окружењу и да не захтевате било који скуп вештина од људи изван ваше тест групе.
Погледајмо пример.
Размислите о мобилној апликацији Твиттер.
Овај производ је комбинација сталног мењања корисничког садржаја и оглашавања. У заглављу се налази и неколико основних делова корисничког интерфејса, као што су феед вести и обавештења.
Помоћу алата за визуелно тестирање можете започети снимањем екрана целе странице која се може померати, а не само видљиве области. Можете одабрати опцију поређења која занемарује текстуални садржај, али се фокусира на елементе на страници.
На пример, могли сте да видите да поља за твитове постоје, да сваки твит има елемент имена и елемент датум / време, без бриге о томе шта се налази у елементима.
Потрага за елементима на пуним страницама такође олакшава терет одржавања и сложености који видимо у многим аутоматизованим тестовима. Уместо да манипулишете подацима на страници, чувате, померате и затим верификујете, добијате све у једном кадру. То значи мање кода за писање, мање кода за одржавање и мање лажно позитивних резултата у ноћним пробама.
Респонсиве Тестирање за Респонсиве Десигн:
Одзивни дизајн додао је комбинаторни проблем свакој доступној платформи. Питање је; од свих ових могућих платформи и величина екрана, које ми бирамо за најбоље покривеност тестом.
Смањивање броја окружења која покривамо на само најпопуларнија олакшава технички задатак, истовремено занемарујући проблем покривености.
Повећање броја окружења само са оквиром за аутоматизацију ствара ноћну мору за одржавање и потенцијално додаје нерешив проблем тестирања.
Комбинација добрих алата за визуелно тестирање са флексибилним оквиром за аутоматизацију корисничког интерфејса, попут веб управљачког програма, може учинити техничке аспекте овог проблема не само лакшим за решавање, већ и решивим.
Циљ је добра покривеност корисничког интерфејса уз разумно оптерећење одржавањем. Визуелно тестирање је ваша једина робусна и скалабилна опција.
Савети за одзивно веб тестирање
# 1) Током тестирања РВ-а, требате водити рачуна о доследности дизајна, као што су поравнање слика, текстова, додавање ивица око ивица, итд. У свим прегледачима и оперативним системима.
#два) Током тестирања РВ-а, испитивач треба да буде свестан шта да тестира и како да тестира на више уређаја на различитим тачкама прекида. У супротном, могло би бити прилично исцрпно и дезоријентисано.
# 3) За темељно тестирање одговарајуће веб странице, неопходна је координација тестера и програмера. Програмер треба да помогне тестерима у стварању услова наведених у предусловима тест случајева.
# 4) Проверите да ли су веб странице читљиве у свим резолуцијама, тј. Садржај треба да буде читљив чак и ако величину прегледача променимо на величину екрана за мобилне уређаје.
# 5) Важни садржај РВ-а треба да буде видљив за све тачке прекида, тј. Ако променимо величину прегледача са екрана радне површине на екран мобилног уређаја, тада главне слике, главни текст, мени итд. Треба да остану исти.
# 6) Ако се претраживачу смањи величина за тестирање, било које подручје клика (попут дугмади, менија, подвеза итд.) РВ-а требало би да буде погодно за кликање.
# 7) Променом величине прегледача и тестирањем одговарајуће веб странице можете идентификовати само неколико главних проблема, док на мобилним уређајима може бити неколико других проблема повезаних са превлачењем прста, тапкањем итд. Тестирање ових одређених карактеристика на стварним уређајима може довести до бољег проналажења и уклањања квара.
Закључак
Када тестирамо Респонзивни дизајн имаће много изазова. Требало би да размишљате на ефикасан начин да бисте превазишли изазове.
Тестирање прилагодљиве веб странице је веома важно за успешну будућност многих мобилне апликације. Корисници мобилних уређаја ће се само повећати и њихова очекивања су веома различита од очекивања корисника рачунара. Примена и темељно тестирање РВД-а је одличан начин да поставите своју веб страницу у сусрет очекивањима.
како пријавити ред у јави
Примена и темељно тестирање РВД-а је одличан начин да поставите своју веб страницу у сусрет очекивањима.
Надамо се да ће информације, савети и сценарији испитивања размотрени у овом чланку сигурно помоћи вашим потребама за тестирање одзивних веб локација.
О аутору: Ово је гост од Лакмија. Има 7+ година искуства у тестирању софтвера и тренутно ради као виши инжењер за тестирање софтвера.
Испробајте све примере дане у овом чланку и обавестите нас ако имате било каква питања / коментаре на исти.
Препоручено читање
- Алфа тестирање и бета тестирање (потпун водич)
- Комплетни водич за тестирање верификације израде (БВТ тестирање)
- Функционално тестирање вс нефункционално тестирање
- Врсте тестирања софтвера: различите врсте испитивања са детаљима
- Најбољи алати за тестирање софтвера 2021. године (КА Тест Аутоматион Тоолс)
- Водич за тестирање складишта података ЕТЛ (комплетан водич)
- Водич за тестирање безбедности веб апликација
- Најбоље услуге КА тестирања софтвера од СофтвареТестингХелп