7 ókeypis verkfæri til að prófa móttækilegar uppsetningar
Sérhver vefsíða ætti að vera hannað með móttækilegri nálgun. Til að halda þér á réttri braut, að prófa snemma og oft, með einhverjum af þessum móttækilegum prófunarverkfærum, mun tryggja að hönnunin þín lítur út fyrir alla vafra og í öllum sjónarhornum.
Sérhver nútíma website þarf móttækilegur hönnun . Þetta krefst meiri áreynsla en endanleg niðurstaða er þess virði.
Ég mæli með því að prófa hugmyndir þínar með móttækilegum hönnunarverkfærum til að sjá hvernig vefsvæði þitt lítur út á hverju stigi. Þú getur leitað að vandamálum um nothæfi á mismunandi skjástærðum allt frá einu handhæga tóli.
Og þessi ókeypis tól eru efst valin fyrir móttækileg próf þar sem þau eru allt frábær auðvelt að nota. Best af öllu þessu styðja margar stærðir tækisins þannig að þú getur fengið góða tilfinningu fyrir því hvernig skipulag þitt ætti að líta úr snjallsímum á skjáborð.
1. XRespond
The XRespond app kallar sig "raunverulegur tæki Lab" og ég myndi segja að það er fallegt blettur á.
Með þessari síðu geturðu forskoðað hvernig einhver vefsíða lítur út fyrir ýmis tæki. Svæðið vinnur í langa láréttri stíl þar sem þú þarft að fletta til hliðar til að sjá allar skjásniðin.
Merkið fyrir ofan hverja skjá skilur nákvæmlega stærð og hvaða tæki það passar við. Auk þess í fellivalmyndinni er mikið úrval af snjallsímum, töflum og fartölvur til að prófa tiltekin tæki.
Þessi dropun styður jafnvel sérsniðin breidd / hæð stilling ef þú vilt sjá hvernig vefsvæðið þitt birtist á sérstökum skjái. Frábært prófunar tól til móttækilegrar hönnun og það styður mikið af fjölbreytni í tækjabúnaði.
2. Responsinator
Ein svipuð app sem þú gætir líka notið er Responsinator .
Í stað þess að nota lárétta skruntengi birtir þessi síða hvert forskoðun á tækinu í lóðrétta dálki. Þannig geturðu flett niður í gegnum hvert tæki og forsýnt síðuna á hverjum og einum.
Tæki fela í sér algengustu iPhone og Android Nexus tækin, bæði með forsýningum fyrir mynd og landslag. Þú munt einnig finna forsýning í iPad tæki einnig í mynd og landslag.
Annar kaldur eiginleiki er skipta á milli HTTP og HTTPS. Responsinator býður upp á báðar gerðir til að forskoða vefsvæði eftir því hvaða slóð þú slærð inn. Það mun sjálfkrafa passa hvaða síða sem þú ert að forskoða til að forðast SSL villur.
3. Móttækilegur Hönnun Afgreiðslumaður
Þarftu að fljótt athuga hvort vefsíða sé raunverulega móttækileg? Þá reyndu að nota þetta Móttækilegur Hönnun Afgreiðslumaður gert sérstaklega fyrir sérsniðnar skjástærðir.
Þegar þú slærð inn slóðina hefur þú fulla stjórn á móttækilegu prófrýmið. Þú getur breytt breidd / hæð þó þú vilt og jafnvel notaðu það til að passa við ákveðnar skjásnið ef þú notar hlutföll hlutfalls tól .
Í hliðarstikunni finnur þú tonn af fyrirfram ákveðnum skjástærðum fyrir algeng tæki eins og Nexus töflur, Kveikjur og jafnvel nýrri sími eins og Google Pixel.
Staðurinn styður einnig stóran skjástærð með skjáborði sem eru allt að 24 "breiður . Furðu þessar stóru stærðir virka vel jafnvel á litlum skjái vegna þess að forskoðunarsýningin breytist á grundvelli hlutfalls, ekki heildar pixlabreidd.
Svo ef þú ert í erfiðleikum með að prófa 1920 punkta skjái á smærri MacBook skjánum þínum er þetta tól virði bókamerki.
4. Google Mobile Test
Google er fullt af frábærum verkfærum fyrir vefstjóra og þeirra Farsímarpróf er eitt slíkt dæmi.
Þetta prófunarverkfæri er ekki raunverulegt forsýning og það hjálpar þér ekki að koma auga á galla. Í staðinn er það hollur farsíma tól til að ákvarða vandamál á vefsvæðinu þínu á farsíma.
Þegar prófið keyrir muntu fara framhjá eða mistakast sem farsímavæn síða. Þetta er svolítið of algengt fyrir hönnuði en Google býður upp á ábendingar sem byggjast á vandamálasvæðum og hliðarþáttum sem gætu notast við bata.
Halda þessu vistað sem traustur farsímaprófunarverkfæri. Það er ekki fullkomið úrræði fyrir móttækileg próf, en það er frábært staður til að safna upplýsingum og það kemur frá ef til vill hið opinbera fyrirtæki á vefnum.
5. Móttækilegur tól Matt Kersley
Hönnuður og verktaki Matt Kersley sleppt eigin frjálst prófunar tól fyrir móttækilegar skipulag. Þessi er mun einfaldari en aðrir og hefur ekki marga fínir.
Í staðinn er það einfaldur innsláttarsýning með 5 fastum breiddum: 240px, 320px, 480px, 768px, 1024px.
Forskoðunarvalmyndin gerir aðgerðina kleift að fletta í gegnum efni án áreynslu. Hins vegar getur þú ekki smellt á tengla eða flett í gegnum aðrar síður innan gluggana, þannig að þetta er best fyrir próf á eintölu síðum.
En fyrir einfalt tól sem fær vinnuna virkar þetta frábært og það er eitt af fáum prófunarverkfærum sem bjóða upp á 240px breidd sjálfgefið.
6. Er ég móttækilegur?
Þú þarft sennilega ekki þetta tól ef þú ert að leita að pixla-fullkomnu nákvæmni.
Í staðinn Er ég móttækilegur? Vefsíðan virkar best fyrir fljótur eftirlit og forsýning á nokkrum algengum gerðum tækjanna.
Þú slærð einfaldlega inn vefslóð og það hleðst inn í fjóra tækja í tækjabúnaði: snjallsími, spjaldtölvu, fartölvu og skrifborð. Þetta er ekki að mælikvarða svo þú sért aðeins að skoða síðuna sem hlutfall.
En þetta er mjög flott fyrir að grípa skjámyndir af vefsvæðinu þínu til að sýna hvernig það lítur út fyrir mismunandi tæki. Framsetningin er nákvæm í mælikvarða og hún byggir á vafranum þínum til að gera það rétt.
Auk þessarar tóls er hægt að hlaupa með staðbundnum heimilisföngum svo þú getir jafnvel skoðað verkefni sem þú ert byggja á staðnum á tölvunni þinni.
7. Designmodo Móttækileg próf
Eitt annað tól sem ég líkar mjög við er Móttækilegur Web Design Tester búin með Designmodo. Þetta ókeypis tól leyfir þér að forskoða síðuna í vafranum þínum á grundvelli tiltekinna breiddar.
En eitt flott viðbót við þetta tól er ristarsíðan á síðunni. Þú getur athugað síðuna þína fyrir pixla stig og jafnvel nám rist síðunnar nota þetta webapp.
Við hliðina á fyrirfram ákveðnum breiddum tækisins geturðu einnig dregið forskoðunarsýninguna til að passa hvað skjáhæðin sem þú ert að prófa. Það hefur inntak fyrir breidd / hæð ef þú þarft að slá inn stærðir handvirkt líka.
En í hvert tækiartákn í hægra horninu er hægt að velja úr heilmikið af algengum skjástærðum sem gerir þetta tól fullkomið til að kanna hvaða tæki þú getur ímyndað þér.
