what is mobile responsive test
Pomen mobilnega odzivnega testiranja:
V današnjem mehaniziranem svetu spletnih mest ni mogoče gledati samo na prenosnem računalniku ali namizju, temveč tudi na tabličnem računalniku in pametnem telefonu.
Minili so časi, ko smo sedeli pred namiznimi ali prenosnimi računalniki in nakupovali, brskali po internetu ali pošiljali e-pošto. Zdaj je mobilna doba in ljudje dostopajo do interneta, ko hodijo po ulicah, sedijo v parku in kjer koli si želijo v skladu s svojim udobjem.
Če opazite namizje, prenosni računalnik, tablični računalnik in pametni telefon, se razlikujejo ne samo njihov OS, CPU itd., Temveč tudi velikosti zaslona.
Za podjetje, ki ne zaupa samo aplikaciji, temveč tudi spletnemu mestu, je zelo pomembno, da se spletno mesto dobro prilega v teh različnih velikostih. Vašim strankam ali uporabnikom ne bo všeč, če bodo morali prilagoditi svoje telefone, da bodo lahko bolje videli vsebino vašega spletnega mesta.
Vsi skorajda vsak dan uporabljamo spletna mesta Amazon, Agoda, ZDNet itd. Predstavljajte si, kako dolgočasno bi bilo, če bi morali dostopati do naslednje strani ali slike, vendar povezava ne ustreza zaslonu ali pa je premajhna, da bi nanjo kliknili? Takšne stvari povzročijo izgubo zanimanja uporabnika.
Tu nastopi mobilno odzivno ali mobilno prijazno vedenje.
Odzivno ali prijazno spletno oblikovanje je v osnovi povezano s spletnimi mesti. Mobilno odzivno spletno oblikovanje je pristop, ki ga uporabimo pri razvoju spletnega mesta, da uporabnikom omogočimo dostojno izkušnjo gledanja v kateri koli napravi, ki jo gledajo.
Google daje prednost mobilnim prijaznim spletnim mestom v rezultatih iskanja, zato je pomembno, da oblikujete svoje spletno mesto, upoštevajoč to.
Najprej razumemo, kaj je to 'mobilno odzivno spletno oblikovanje'.
Kaj se boste naučili:
- Pomen mobilne odzivnosti ali prijaznega oblikovanja
- Priporočeno orodje
- Zaključek
Pomen mobilne odzivnosti ali prijaznega oblikovanja
Odzivno spletno oblikovanje se imenuje tudi RWD in je pristop k oblikovanju spletnega mesta, s katerim bodo spletne strani oblikovane z različnimi napravami in njihovimi velikostmi zaslona.
Ima tri razvojna načela, ki vključujejo:
- Tekoče mreže: Ta pristop temelji na odstotku in ne na zgodovinskem pristopu, ki temelji na slikovnih pikah.
- Medijske poizvedbe : Uporablja se za uporabo različnih slogov glede na velikost zaslona naprave.
- Prilagodljive slike in mediji : To pomaga prikazati slike in medije v različnih velikostih z uporabo spreminjanja velikosti ali CSS.
Pri razvojnem pristopu je pomembno tudi testiranje odzivnih spletnih mest.
Mobilna spletna mesta morajo uporabnikom v mobilnih napravah zagotoviti enako izkušnjo kot prenosnik ali namizje. Preizkusiti ga je treba za različne brskalnike, različne velikosti zaslona, načine - ležeči ali pokončni itd.
Priporočeno orodje
# 1) LambdaTest LT Browser
Razvijalno usmerjen brskalnik, ki uporabnikom ponuja razvojni delovni prostor za preizkušanje odzivnosti njihovega spletnega mesta v različnih vidnih oknih naprave. Razvit z namenom skrajšati čas, potreben za odzivno testiranje, je zasnovan za poenostavitev vsakodnevnih preizkusnih nalog spletnih preizkuševalcev in razvijalcev.
Ključne funkcije:
- Takoj preizkusite različna vidna polja naprav.
- Ustvarite svojo napravo po meri.
- Odpravljanje napak v različnih vidnih oknih.
- Preizkušanje lokalnih spletnih mest še nikoli ni bilo lažje.
- Vgrajena orodja za razvijalce za hitrejše odpravljanje napak.
- Posnemite posnetke zaslona in videoposnetke ter jih delite s svojo ekipo.
Mobilno odzivno testiranje in njegovi izzivi
Vključitev odzivnega spletnega oblikovanja ne konča zgodbe, prav tako je pomembno, da preizkusite njegovo izvedbo in se prepričate, da se spletno mesto prikazuje v vseh napravah, kot je bilo pričakovano.
Vsebino, videoposnetke, slike, povezave itd. Je treba pred objavo spletnega mesta preizkusiti na videz. Ne samo na vseh napravah, ampak tudi testiranje je treba opraviti v različnih brskalnikih in operacijskih sistemih.
najboljša aplikacija za vohunjenje na drugem telefonu
Na primer , Spletno mesto je v Androidu videti nekoliko drugače v primerjavi z iOS ali Windows.
(slika vir)
Obstajajo pa tudi veliki izzivi, s katerimi se QA sooča pri preizkušanju odzivnosti. Največji izziv so kombinacije velikosti zaslona, različic OS, načinov telefona, brskalnikov in njihovih ločljivosti. Zato je težko določiti strategijo. Drugi izzivi vključujejo časovni okvir testiranja, orodja, določanje prednosti preskusov itd.
Sledi nekaj napotkov za odločitev o načinu testiranja:
# 1) Preskusna plošča
Ustvarjanje matric za različne kombinacije velikosti telefona, brskalnikov, operacijskih sistemov in različic je zelo dolgočasno in zapleteno opravilo. Zato bi kot QA predlagal, da vnesete podatke BA in lastnika ali upravitelja izdelka.
Glede na zaplete preizkuševalne posode je priporočljivo, da se odločijo o različicah, velikostih itd., Ki jih je treba preizkusiti. Lahko se zgodi, da boste porabili veliko časa za raziskovanje in oblikovanje strategij testnih plošč, kar morda ne bo odobril vaš vodja ali mojster SCRUM-a. Spletna mesta so dostopna na namizju, telefonu itd.,
Zato mora preskusna plošča vključevati brskalnike, katerih različice bodo skupne vsem tem napravam, tako se bodo izognili zapletom pri različicah različic in lahko isto različico preizkusite na vseh.
# 2) Dodelitev časa
Pogovoriti se morate in dokončati, koliko časa je potrebnega za testiranje in koliko je dodeljenih, saj je testiranje odzivnih spletnih mest zelo dolgotrajno.
Na podlagi tega boste morali pripraviti načrt, kako in kaj preizkusiti. Prepričajte se, da je za preskušanje namenjen dovolj časa, da se preizkusi vrsta pomembnih kombinacij preskusnih plošč.
# 3) Resnične naprave in emulatorji
Da bi preizkusili toliko kombinacij, ni mogoče kupiti vseh resničnih naprav, zato lahko uporabimo emulatorje in simulatorje.
Po mojih izkušnjah so najpomembnejše različice, velikosti itd., Zato jih je treba preizkusiti na resničnih napravah, različice in velikosti telefonov, ki so nekoliko zastarele, pa jih je mogoče preizkusiti na emulatorjih in simulatorjih.
# 4) Ročno ali avtomatizacija
Testiranje je mogoče opraviti tako z ročnim kot z avtomatizacijskim pristopom. Včasih orodja ne vidijo, kaj vidi oko, zato je treba včasih opraviti tudi ročno testiranje. Prizadevanja lahko razdelimo na 65% avtomatizacije in 35% ročnih prizadevanj ali obratno.
Na primer ,klik orodja na majhno povezavo se zelo razlikuje od klika s prsti ali ročnega pomanjšave spletne strani, ne pa orodja za pomanjšanje strani.
# 5) Prednost preskušanja
Testiranju je treba pravilno dati prednost, ker je treba preizkusiti veliko in ni vsega mogoče preskusiti. Zato bi se morala celotna ekipa strinjati o načrtu testiranja in njegovi prednostni nalogi. Prednostno nalogo preskušanja je treba BA in lastniku izdelka sporočiti že vnaprej, da jih bo mogoče preučiti tudi, če imajo kakšne predloge.
Kombinacije pogosto uporabljenih operacijskih sistemov, brskalnikov in velikosti zaslona je treba temeljito in prednostno preizkusiti . Po mojih izkušnjah bi bilo treba opraviti celoten preizkus najnovejšega mobilnega operacijskega sistema, vendar potem, ko so vse težave odpravljene in preverjene, ker vsi ne uporabljajo najnovejšega mobilnega operacijskega sistema.
Pomen testiranja odzivnosti spletnega mesta
Vsebina spletnega mesta je tisto, kar spodbuja posel in če vsebina ni privlačna za stranke, podjetje ne more dobro uspevati. Zato razvoj odzivnega spletnega mesta ne konča zgodbe, treba ga je tudi preveriti in preveriti.
Testiranje ima ključno vlogo pri zagotavljanju, da našim strankam ponujamo kakovostno, trpežno in uporabniku prijazno aplikacijo. Enako velja za mobilno odzivno spletno mesto.
Spodaj je navedenih nekaj dejavnikov, ki označujejo pomen testiranja mobilnega odzivnega spletnega mesta:
# 1) Številne naprave, OS in brskalniki: Vsebino je treba preveriti za različne mobilne zaslone, operacijske sisteme in brskalnike. Ni mišljeno, da če je vsebina popolna, potem bo popolna tudi za druge.
# 2) Robustnost: Čas, ki ga spletno mesto potrebuje za nalaganje vsebine, mora biti enak na različnih platformah in ne sme biti počasen ali časovno omejen v nobeni 'podprti' napravi ali brskalniku. Zato je testiranje učinkovitosti spletnega mesta pomembno za mobilna odzivna spletna mesta.
# 3) Navigacija: To je zelo pogosta napaka, ki jo najdemo med testiranjem mobilnih spletnih mest ali aplikacij, ki se strani ne naložijo, kot je bilo pričakovano, ko se premikate med različnimi povezavami na spletnem mestu. Včasih se zgodi, da med igranjem z navigacijo povezave manjkajo ali slike niso naložene ali potekla časovna omejitev.
# 4) Raznolikost slik in videoposnetkov: Potrebno je ustrezno testiranje, da se preveri, ali so vse vrste slik in videoposnetkov prikazane, kot je bilo pričakovano, na različnih telefonih, brskalnikih itd.
Včasih se nekateri videoposnetki v Androidu dobro predvajajo, v iOS-u pa se niti ne naložijo ali pa se nekatere slike zdijo pokvarjene v nekaterih različicah mobilnega operacijskega sistema, medtem ko so v drugih popolne
Takšna vprašanja lahko dajo zelo slab vtis, če testiranja ne opravimo. Zato je testiranje mobilnih odzivnih spletnih mest pomembno skupaj z drugimi testi, kot so funkcionalnost, varnost itd.
Nekaj vzorčnih testnih primerov za testiranje odzivnosti na mobilne naprave
Običajno preizkuševalci začnejo s testiranjem s spreminjanjem velikosti oken mobilnih telefonov, brskalnikov, tabličnih računalnikov, prenosnikov itd., Vendar je treba preizkusiti še veliko več.
Sledi nekaj primerov testnih primerov, ki jih je mogoče zajeti med preskušanjem mobilnega odzivnega spletnega mesta. Prepričajte se, da so testni primeri testirani za vse preizkušene matrike:
- Preverite, ali vsebina ustreza zaslonu in ali ni izrezana ali popačena.
- Preverite, ali se videoposnetki nalagajo in ali v njih ni prekinjenih povezav.
- Preverite, ali barva besedila, pisava itd. Ostajajo enake.
- Preverite, ali pomanjšanje ne izkrivlja vsebine, slik in videoposnetkov spletne strani.
- Preverite, ali hitro drsenje ne izkrivlja vsebine.
- Preverite, ali povezave dobro delujejo in ali uporabnika vodijo na ustrezno stran.
- Preverite, ali spletna stran ne poteče ali se predolgo nalaga.
- Preverite, ali prehod iz ležečega v pokončni način ali obratno vsebino ustrezno prilagodi.
- Preverite, ali so slike različnih vrst, kot so .jpg, .png, .gif itd., Prikazane po pričakovanjih.
- Preverite, ali povezave postanejo klikljive, če jih povečate na telefonih z majhnimi zasloni.
- Preverite, ali krmarjenje po spletnih straneh ne izkrivlja vsebine itd.
Mobilna odzivna orodja za testiranje
Na voljo je več orodij za preizkušanje odzivnosti mobilnega telefona - tako brezplačnih kot plačljivih.
Po mojih izkušnjah je za to posebno vrsto testiranja bolje uporabiti orodje, ki se lahko uporablja za različne telefone, njihove operacijske sisteme, brskalnike itd. Različnih orodij za različne naprave, brskalnike ni mogoče uporabiti itd.
Zato med izbiro orodja izberite tisto, ki lahko pokrije maksimum preskusne površine.
Dodatna odprtokodna mobilna odzivna testna orodja:
# 1) Spletno odzivnotest.com: To orodje podpira vse glavne spletne brskalnike in ponuja predogled, kako bo videti dejansko spletno mesto. Da bi dobili rezultate odzivnosti spletnega mesta, moramo vnesti URL našega spletnega mesta.
# 2) Screenfly: Je tudi mobilno odzivno orodje za testiranje in se lahko uporablja za testiranje na zavihku Galaxy, iPadu itd. Samodejno zazna mobilno spletno mesto in vas popelje na isto.
# 3) VeiwPort Resizer: Je nastavljivo orodje, ki se lahko uporablja za prilagajanje velikosti zaslona brskalnika.
# 4) Odgovorni: To je na voljo kot plačljiva različica tudi tam, kjer lahko za testiranje kupite poddomeno. Z navedbo URL-ja spletnega mesta to orodje prikazuje, kako bo videti spletno mesto.
Zaključek
Mobilno odzivno testiranje je zelo pomembno, da se zagotovi, ali imajo vsi uporabniki optimalno izkušnjo gledanja na svojih napravah, morda prenosnem računalniku, namizju, tabličnem računalniku ali pametnem telefonu.
Kot smo že omenili, bo le, če se vsebina uporabniku zdi dobra, zainteresiran za nadaljnjo pot, zato je skupaj z drugimi vrstami preizkušanja funkcionalnosti, varnosti, stresa itd. Tudi odzivno testiranje zelo pomembno in ga ne smemo jemati zlahka.
Mobilno odzivno testiranje je preprosto, toda testne plošče mu predstavljajo največjo zapletenost in izziv. Zato se morate kot strokovnjak za kakovostno ukvarjati s tem.
V naslednjem članku bomo razpravljali več o tem Ponudniki storitev za testiranje mobilnih aplikacij v oblaku .
Priporočeno branje
- Najboljša orodja za testiranje programske opreme 2021 (QA Test Automation Tools)
- Zakaj je mobilno testiranje težko?
- 10 najboljših orodij za testiranje varnosti mobilnih aplikacij v letu 2021
- Kako hitro dobiti službo za mobilno testiranje - karierni vodnik za mobilno testiranje (1. del)
- 5 Izzivi in rešitve za mobilno testiranje
- 15 najboljših orodij za mobilno testiranje v letu 2021 za Android in iOS
- Testiranje mobilnih aplikacij v oblaku: popoln pregled
- Več kot 40 najpogostejših vprašanj in odgovorov na intervjuje z vzorčnim življenjepisom za mobilno testiranje