Kuinka Tarkistaa Sivusto Eri Selaimissa

Sisällysluettelo:

Kuinka Tarkistaa Sivusto Eri Selaimissa
Kuinka Tarkistaa Sivusto Eri Selaimissa

Video: Kuinka Tarkistaa Sivusto Eri Selaimissa

Video: Kuinka Tarkistaa Sivusto Eri Selaimissa
Video: Nettikasinot - Kolme tapaa tarkistaa onko nettikasino laillinen 2024, Marraskuu
Anonim

HTML-kooderin tulisi tietää: ammattimaisuuden merkki on sama sivusivun näyttö ja toiminta missä tahansa selaimessa, ainakin "isossa kolmessa", joihin kuuluvat selaimet Internet Explorer, Opera, Mozilla Firefox. Sivustonäytön oikeellisuuden tarkistaminen koostuu kolmesta päävaiheesta.

verkkosivujen tarkistaminen eri selaimissa
verkkosivujen tarkistaminen eri selaimissa

Se on välttämätöntä

  • • Useat tietokoneeseen asennetut selaimet.
  • • Huomio.

Ohjeet

Vaihe 1

Ensimmäinen vaihe, valmisteleva

Valmisteluprosessi koostuu selaimen jakelupaketin lataamisesta ja asentamisesta tietokoneeseen. Asennusprosessi päättyy kysymykseen: "sisällytetäänkö tämä selain oletusarvoisesti?". Joten, tärkein tai oletuksena mukana, sinun on tehtävä se, joka vie väliaseman mahdollisten "jakkien" koon suhteen. Monien ulkoasusuunnittelijoiden sukupolvien kokemusten mukaan tämä on Opera-selain.

Kun olet asentanut tietokoneellesi useita selaimia, siirry suoraan vertailuprosessiin. Voit tehdä tämän viemällä hiiren tiedostoon.html-laajennuksen kanssa, joka on verkkosivun tai koko mallin perusta, ja napsauttamalla sitä hiiren oikealla painikkeella. Valitse avautuvasta välilehdestä "avaa" ja valitse sitten haluamasi selaintyyppi. Tiedosto voidaan avata useissa selaimissa kerralla, jolloin ne voidaan minimoida työpöydän tehtäväpalkissa ja avata tarpeen mukaan.

Vaihe 2

Toinen vaihe - visuaalinen vertailu

Visuaalisesti sivuston sivut selaimessa voivat poiketa kolmesta pääparametrista:

1. Sivuelementtien välisten sisennysten ja marginaalien määrällä. IE on erityisen hienostunut laskettaessa täyte- ja marginaaliominaisuuksien todellisia arvoja.

2. Eri selaimet näyttävät kirjasimia eri tavoin, jopa vakiofontit, kuten Arial ja Times New Roman. Tämä on eniten osumia valikkokohderiveille, jotka voidaan näyttää kahdella rivillä tai kietoa kokonaan toiseen riviin.

3. Kuvien näyttämisen oikeellisuus. Yksinkertaisimmissa tapauksissa jotkin selaimet, kuten Opera, eivät lue tagimääritteissä määritettyjä vspace- ja hspase-ominaisuuksia

… Joskus kuvia ei keskitetä taulukon soluihin, jos määritteet

tätä ehtoa ei ole täsmennetty. Mutta taittosuunnittelijan suurin ongelma on.png-kuvamuodon valmistelu. Kaikki selaimet lukevat tämän tiedoston koodissa olevan läpinäkyvän kanavan omalla tavallaan, varsinkin IE onnistuu siinä. Siksi kauniiden läpikuultavien kuvien sijaan havaitaan usein ruma harmaita täpliä.

Kolmas vaihe - toimintatarkastus

Tässä vaiheessa sinun on tarkistettava "avattavat" valikkokohdat. Heidän työssään ei saisi olla nykäyksiä, hidastumisia ja ennen kaikkea hypätä sivun yleiseen sisältöön yksittäisiä valikkokohteita avattaessa. Sama koskee sivun tekstielementtejä, jotka ovat täysin laajentuneet, kun napsautat painiketta tai merkintää "lisätietoja".

Lopuksi haluaisin sanoa, että taistelu "selainten yhteensopivuudesta" - tämä on sivun ominaisuuden nimi, joka näytetään kaikkialla samalla tavalla, prosessi on monimutkainen ja jännittävä, vaatii paljon käytännön kokea.

Vaihe 3

Kolmas vaihe - toimintatarkastus

Tässä vaiheessa sinun on tarkistettava "avattavat" valikkokohdat. Heidän työssään ei saisi olla nykäyksiä, hidastumisia ja ennen kaikkea hypätä sivun yleiseen sisältöön yksittäisiä valikkokohteita avattaessa. Sama koskee sivun tekstielementtejä, jotka ovat täysin laajentuneet, kun napsautat painiketta tai merkintää "lisätietoja".

Lopuksi haluaisin sanoa, että taistelu "selainten yhteensopivuudesta" - tämä on sivun ominaisuuden nimi, joka näytetään kaikkialla samalla tavalla, prosessi on monimutkainen ja jännittävä, vaatii paljon käytännön kokea.

Suositeltava: