Tässä viestissä, joka on omistettu niille, jotka luovat ja hallitsevat verkkosivustoja, näemme pari todella hyvin tehtyjä sivustoja, joiden avulla voit tarkistaa verkkosivuston näytön eri näytön tarkkuuksilla . Nykyään verkkosivustoilla selataan eri tavoin tietokoneiden, kannettavien tietokoneiden, matkapuhelimien, tablettien ja kaiken kokoisten näyttöjen avulla, suurista näytöistä, kuten televisioista, pieniin kosketusnäytöihin. Tämä tarkoittaa, että sivuston suunnittelijoiden on varmistettava, että se on selvästi näkyvissä kaikissa päätelaitteissa ja näytöissä kaikilla resoluutioilla.
Sivusto, joka ei tarjoa suosituimpia laitteita varten optimoitua sisältöä ja joka on hyvin luettavissa kaikissa päätöslauselmissa, voi menettää paljon kävijöitä.
Suosituimpien blogialustojen joukossa Blogger antaa sinun ottaa käyttöön kunkin blogin mobiiliversion, kun taas WordPress CMS: ssä voit käyttää laajennusta luodaksesi mobiiliversion automaattisesti.
Joka tapauksessa on edelleen tärkeää kokeilla tarkkuuksia varmistaaksesi, että sivusto näytetään oikein suurilla näytöillä ja pienillä näytöillä .
Kokoon testaamiseksi ja tarkkuuden näkemiseksi matkapuhelimissa on useita tapoja.
Windows-käyttöjärjestelmässä voit pienentää näytön tarkkuutta ohjauspaneelivalikosta, kun taas jokaisella matkapuhelimella on emulaattori tai simulaattori.
Toisessa artikkelissa olin kirjoittanut oppaan surffata Internetissä tietokoneelta ikään kuin se olisi matkapuhelin.
Voit tehdä sen ensin ja testata sivuston koon erilaisilla näytön tarkkuuksilla ja yhteensopivuuden matkapuhelimien kanssa käyttämällä automaattista Web-sovellusta Responsivetesttool . Tämän verkkopalvelun avulla voit tarkastella tiettyä verkkosivustoa ennalta määritettyinä tarkkuuksina. Kirjoita vain tarkistettavan sivuston osoite ja valitse sitten resoluutio napsauttamalla hiirellä. Puoli-läpinäkyvät painikkeet näkyvät vasemmalla puolella, jotka muuttavat resoluutiota käytetyn laitteen mukaan. Sen jälkeen voit valita verkkosivun, joka valitaan seuraavista tai 4 pääkategoriasta:
- Työpöytä : Voit tarkastella sivustoa, jonka näytön koko on 10 "netbook, jopa 24" -tietokoneen näytölle.
- Tabletti tarkistaaksesi, miltä sivusto näyttää, jos se avataan iPadilla, Samsung Galaxy -laitteilla tai muilla tableteilla.
- Mobile tuo yhteen maailman eniten käytetyt matkapuhelimet ja älypuhelimet, mukaan lukien iPhone, Blackberry ja Google Nexus S Androidin kanssa.
- Televisio, jolla Web-sivuja voidaan katsella isoilla näytöillä resoluutiolle asti (1920 × 1200).
ScreenFly on nopea sovellus, joka oli syytä huomata kuinka hyvin se toimii, sujuvasti ja koskaan lataamatta testattua sivua uudelleen. Mielenkiintoinen Screenfly-ominaisuus on myös kyky tunnistaa sivustojen mobiiliversiot automaattisesti .
Tämä mahdollisuus voidaan poistaa käytöstä asettamalla risti Ei välityspalvelinta (estää laitteen vaihtamisen) -vaihtoehdon. Voit myös ottaa pystysuoran vierityksen käyttöön ja kiertää näyttöä.
TestSize puolestaan on dynaaminen sovellus, jonka avulla voit simuloida resoluutioita matkapuhelimen näytön (240X320) ja television (1920X1200) resoluutiosta.
TestSize toimii erittäin hyvin ja antaa sinun simuloida mitä tahansa kokoa painamalla + ja - näppäimiä.
Google tarjoaa Resizer- työkalun, joka on erittäin kätevä tarkistaa, kuinka verkkosivustoja tai verkkosivuja tarkastellaan erikokoisilla näytöillä automaattisesti ja nopeasti.
