Išbandykite svetainę skirtingais ekranų dydžiais ir rezoliucijomis

Turinys:

Išbandykite svetainę skirtingais ekranų dydžiais ir rezoliucijomis
Išbandykite svetainę skirtingais ekranų dydžiais ir rezoliucijomis

Video: Išbandykite svetainę skirtingais ekranų dydžiais ir rezoliucijomis

Video: Išbandykite svetainę skirtingais ekranų dydžiais ir rezoliucijomis
Video: Convert Illustrator AI to Responsive HTML | Adobe CC Plugin - YouTube 2024, Gegužė
Anonim

Jei esate žiniatinklio valdytojas arba turite tinklaraštį ar svetainę, galbūt bandėte išbandyti skirtingus ekrano dydžius ar rezoliucijas. Jei ne, tada turiu pasakyti, kad apskritai yra gera idėja, kaip pamatyti, kaip jūsų svetainė atrodo skirtingomis ekrano rezoliucijomis, ypač jei naudojate greitą dizainą, kad galėtumėte būti tikri, kad jis puikiai atrodys skirtingomis rezoliucijomis.

Šiandien dauguma pagrindinių svetainių naudoja jautrų web dizainą, kuris puikiai tinka staliniams kompiuteriams, planšetiniams kompiuteriams ir mobiliesiems ekranams. Kai sakome ekrano skiriamąją gebą, tai reiškia, kad ekrane rodomas atvaizdų ir teksto aiškumas. Jei jūsų įrenginio raiška yra didesnė kaip 1600 x 1200 pikselių, vaizdai ir tekstas puikiai tinka ekrane ir atrodo ryškesni. Panašiai įrenginiuose, kuriuose yra mažesnės ekrano skiriamosios gebos, pvz., 800 x 600 pikselių, ekrane matomi mažiau elementų, ir jie yra didesni.

Išbandykite svetainę skirtingais ekranų dydžiais ir rezoliucijomis

Jei jums įdomu, kaip patikrinti svetainę skirtingais ekrano dydžiais ir rezoliucijomis, leiskite man pasakyti, kad yra įvairių įrankių, skirtų tiems patiems. Aš bandžiau įtraukti į dažniausiai naudojamus įrankius šiame rašymo darbe.

Quirktools.com/screenfly

Tai vienas iš dažniausiai naudojamų skirtumų tikrinimo priemonių internete, nes jis palaiko daugybę ekrano rezoliucijų, įskaitant televizorių, planšetinius kompiuterius, mobiliuosius telefonus, nešiojamus kompiuterius ir darbastalius su skirtingomis rezoliucijomis. Taip pat galite patikrinti savo svetainę bet kokiam tinkintam ekrano dydžiui su Screenfly. Taip pat yra galimybė "Pasidalinti", kad galėtumėte dalytis rezoliucijos bandymo rezultatais.

Norėdami jį naudoti, tiesiog turite pridėti savo svetainės URL ir spustelėkite mygtuką "Eiti". Įrankis parodys rezultatus sekundės dalimi:
Norėdami jį naudoti, tiesiog turite pridėti savo svetainės URL ir spustelėkite mygtuką "Eiti". Įrankis parodys rezultatus sekundės dalimi:
  • Darbastalio skiriamosios gebos
  • "Smartphones" ("Motorola RAZR V3m", "Motorola RAZR V8", "BlackBerry 8300", "Apple iPhone 3" ir "4", "LG Optimus S", "Samsung Galaxy SII", "Asus Galaxy 7", "Apple iPhone 5", "Samsung Galaxy SIII"
  • Tabletes ("Kindle Fire", "Kindle Fire HD 7", "Kindle Fire HD 8.9", "Google Nexus 7", "Apple iPad 1-3 / Mini")
  • Televizoriai su skirtingomis rezoliucijomis.

    Image
    Image

TestSize

TestSize - tai paprasta žiniatinklio programa, leidžianti peržiūrėti jūsų svetainę įvairiomis rezoliucijomis. Išskleidžiamajame meniu galite pasirinkti raišką rankiniu būdu ir patikrinti savo svetainės išvaizdą. Taip pat galite patikrinti savo svetainę pasirinktiniu ekrano dydžiu, pridėdami savo plotį ir aukštį.

Pirmiau esančiame stulpelyje turite įvesti savo svetainės URL adresą, išskleisti meniu pasirinkite skiriamąją gebą, pasirinkti plotį ir aukštį, tada spustelėkite "Atidaryti pop-up". Įrankis parodys rezultatus tame pačiame lange ir naujame pop-up lange.

Image
Image

Screen-Resolution.com

Ekrano skiriamoji geba yra dar vienas labai geras būdas patikrinti svetainę skirtingomis rezoliucijomis. Tai greitas ir paprastas būdas patikrinti svetainės rezoliuciją. Skirtingai nuo kitų dviejų aukščiau minėtų interneto sprendimų testavimo priemonių, ekrano skiriamoji geba turi apatinę parinktį. Jūs galite rankiniu būdu pasirinkti raišką; norite patikrinti savo svetainę. Ekrano skiriamosios gebos geriausiai veikia "Internet Explorer" naršyklėje, kur jis rodo rezultatus tame pačiame lange. Kitose naršyklėse, pvz., "Google Chrome" ir "Firefox", rezultatas rodomas naujame iššokančiajame lange.

Tai labai paprastas būdas patikrinti svetainę skirtingais ekrano dydžiais ir rezoliucijas, naudojant šią svetainę. Atidarykite įrankį "Internet Explorer", pridėkite savo URL ir spustelėkite "Patikrinti puslapį". Rezultatas bus rodomas tame pačiame lange.

Testavimas savo svetainę pagal įvairias rezoliucijas yra visada naudingas, nes tai padeda jums įsitikinti, kad jūsų svetainės dizainas veikia gerai skirtinguose ekranų dydžiuose ir įrenginyje.
Testavimas savo svetainę pagal įvairias rezoliucijas yra visada naudingas, nes tai padeda jums įsitikinti, kad jūsų svetainės dizainas veikia gerai skirtinguose ekranų dydžiuose ir įrenginyje.

Susijusios žinutės:

  • Populiariausi 10 dovanų kalėdinių dovanų idėjos
  • Kaip "Microsoft" paviršiaus tabletė lyginama su "Apple iPad"
  • Siųsti dokumentus iš "Windows" kompiuterio į "Kindle" laisvą ir greitą naudojimą "Siųsti į" Kindle"
  • "Samsung" dirba kitame "Windows Phone" serijoje - "Galaxy W"
  • Koreguokite savo monitorių, kad ekranas būtų geresnis, "Windows" 10/8/7

Rekomenduojamas: