10 tapaa välttää selainten välisiä yhteensopivuusongelmia

10 tapaa välttää selainten välisiä yhteensopivuusongelmia

Selainten välisen testauksen mahdollisuus ei todennäköisesti täytä ketään ilolla, mutta se on olennainen viimeinen vaihe jokaisessa verkkorakenteessa, jolla ei ole varaa eksyä.

Saatat pakata viimeisintä reagoiva web-suunnittelu ja parallaksi vieritys temppuja, mutta yhdellä pienellä liukastumisella testissä saatat nähdä, että potentiaaliset käyttäjät ovat lukkiutuneet uudesta upeasta sivustostasi. Joten auttaaksemme sinua ja varmistamaan, että saat sen oikein, tässä on 10 parasta asiaa, jotka sinun on tehtävä, jotta sivustosi toimii, vaikka ihmiset katsovat sitä.

Kun olet täällä, saatat myös haluta tutustua oppaasemme parhaat verkkoselaimet .



01. Vahvista koodi

Saat paljon todennäköisemmin outoa käyttäytymistä selainten välillä, jos koodisi ei ole kelvollinen, joten tarkista se W3C-merkintöjen vahvistuspalvelu varmistaaksesi, että se on standardien mukainen.

02. Epäonnistuu sulavasti

Suunnittele sivustosi siten, että kaikki toiminnot eivät toimi. Usein on terveellistä tarkistaa, miten se toimii ilman JavaScriptiä tai muotoilua, jotta käyttäjä voi ainakin kertoa, mitä tapahtuu pelkästään sisällön perusteella.

03. Tunne yleisösi

Varmista, että ymmärrät selaimet ja laitteet, joihin kohdistat. Onko sivusi enimmäkseen mobiilikäyttäjille? Työskenteletkö yrityksessä, joka edelleen käyttää vanhoja selaimia? Testaa vastaavasti.

maailmankuulut rakennukset ja niiden arkkitehdit pdf

04. Harkitse kehyksen käyttöä

Jos käytät vakiintunutta kehystä, olitpa sitten muotoilussa (esim Bootstrap ) tai JavaScript-kehys (kuten Kulmikas tai Reagoi ), yleensä tämä tarkoittaa, että joku muu on hoitanut suuren osan selainten yhteensopivuudesta sinulle.

05. Pidä suunnittelu yksinkertaisena

Kuva tietokoneesta ja puhelimesta

Verkkosuunnittelun ei tarvitse aina olla kaikki laulava, tanssiva

Se saattaa tuntua itsestään selvältä, mutta mitä vähemmän huippuluokan CSS-ominaisuuksia yrität käyttää, sitä vähemmän todennäköisesti sinulla on vaikeuksia tukea kaikkia selaimia. Mieti, tarvitsetko niitä todella.

06. Käytä ja vähennä komponentteja uudelleen

Tämä voi alkaa CSS-luokkien järkevän hallinnoinnin perusteista aina web-komponenttien käyttämiseen koko sivuston modulointiin. Pohjimmiltaan, mitä vähemmän paikkoja joudut testaamaan ja ylläpitämään samanlaisia ​​muutoksia, sitä helpompaa on hallita.

07. Testaa ensin vaikeilla selaimilla

Jos tiedät, että sinun on tuettava Internet Explorer 6: ta, aloita siitä. Et halua saada 90 prosenttia testauksestasi ennen ensimmäisen numeron löytämistä.

kuinka piirtää kissan kävely

08. Luo testiskriptejä

Olitpa automaattinen vai ei, jopa yksinkertaisille sivustoille on määritettävä joukko testejä, jotka odotat suoritettavan jokaisessa selaimessa. Muuten menetät asioita ajon välillä.

09. Testaa mennessäsi

Erityisen tärkeää, jos teet jotain hankalaa, älä odota testauksen aloittamista, kunnes olet valmis. Ota iteratiivinen lähestymistapa ongelmien varhaisessa vaiheessa.

10. Tarkista ominaisuudet

Tarkista uudempien ominaisuuksien selaintuki verkossa ennen kuin käytät niitä, ja käytä ominaisuuksien tunnistusta ja monitäyttöjä, jos sinun on ehdottomasti luotettava johonkin, jota ei tueta kattavasti.

Tämä artikkeli julkaistiin alun perin Web Designer -lehdessä, luovassa verkkosuunnittelulehdessä. Tilaa Web Designer täällä .

Aiheeseen liittyvät artikkelit: