Täydellinen opas selaimen yhteensopivuuden tarkistamiseen

Internetin käyttäjillä on laajempi valikoima selaimia, kun on kyse netistä. Meidän vastuullamme suunnittelijoina ja kehittäjinä on varmistaa, että luomamme sivustot ovat yhteensopivia useimpien yleisesti käytettyjen selainten kanssa.

Tämä johtaa yksinkertaiseen mutta kriittiseen kysymykseen - mitä selaimia vierailijat käyttävät? W3schoolin mukaan yleisesti käytetyt selaimet ovat Internet Explorer 7 & 8 ja Firefox kanssa Safari ja Google Chrome asteittain. Luvut saattavat kuitenkin vaihdella sivustosta riippuen kapealta. On parasta saada demografiset tiedot sivustosi mittareista, Google Analytics esimerkiksi.

Kun olet tunnistanut yhteiset selaimet, joita kävijät käyttävät, on aika varmistaa, että sivusto näyttää samanlaisen näissä selaimissa. On lähes mahdotonta asentaa kaikki eri selaimet yhteen koneeseen. Mutta joidenkin työkalujen ja verkkopalvelujen ansiosta voit selvittää, miten sivustosi näyttää muissa selaimissa.

Tässä artikkelissa haluamme tuoda huomionne joihinkin ratkaisuihin, jotka voit riippua selaimen yhteensopivuuden testaamisesta. Täysi lista hyppyjen jälkeen.

Testaa yhteensopivuus verkossa

Browsershots

Browsershots on ilmainen ja suosituin monikäyttöinen monen selaimen yhteensopivuustestin apuohjelma web-suunnittelijoille. Browsershots tekee kuvakaappauksia web-suunnittelustasi eri selaimissa. Browsershots-tietokannassa on mukana kaikki suosituimmat selaimet, ja voit helposti tarkistaa, miten sivustosi näyttää kaikissa selaimissa ja käyttöjärjestelmäympäristöissä.

Selainhiekkalaatikko

Tämän sivun avulla voit luoda erilaisia ​​selaimia, kuten IE, Firefox, Safari, Chrome ja Opera. Niinkin yksinkertaista.

Netrenderer

IE NetRenderer on ilmainen selainten yhteensopivuuden testauslaite. IE NetRendererin avulla voit tarkistaa, miten Internet Explorerin eri versiot tarjoavat verkkosivuston. Beetatestauksen jälkeen IE NetRendererissä on hyvin pian integroitu uusin versio IE-IE9: stä, ja näet, että sivustosi näyttää virheitä tässä selaimessa.

Browsrcamp

Browsrcampin avulla voit testata suunnittelun yhteensopivuutta Mac OS X -selaimilla. Jos et halua käyttää rahaa, voit tarkistaa suunnittelun yhteensopivuuden Safarin kanssa 3.1.2. Lisää sivustosi URL-osoite ja saat sivustosi kuvakaappauksen. Mutta jos haluat tarkistaa yhteensopivuuden muiden Mac-selaimien kanssa, voit tilata 3 $.

Adobe Browserlab

Adobe Browserlab on web-isännöity palvelu, jonka avulla suunnittelijat voivat testata malleja useilla selaimilla ja käyttöjärjestelmillä. Tässä järjestelmässä on zoomaustoiminto ja mittaustyökalut, kuten hallitsijat ja oppaat, ja kyky liikkua nopeasti tiettyihin kuvakaappauksiin. Selaimen asetusten avulla suunnittelijat voivat mukauttaa, muokata ja tallentaa selainten yhdistelmän testattavaksi.

Litmusapp

Litmus näyttää näyttökuvat sivustoistasi, kun ne näyttävät kaikista tärkeimmistä web-selaimista. Kun olet lopettanut testauksen, voit saada täydellisen yhteensopivuusraportin, jonka asiakkaat voivat tarkistaa. Litmuksella on 4 hintaluokkaa. Voit rekisteröityä ilmaiseksi ja käyttää vain Explorer 7: n ja Firefox 2: n selaimen testejä tai voit valita maksusuunnitelmia.

Mikä tahansa selaimen siteviewer

Mikä tahansa selaimen sivuston katseluohjelma näyttää HTML-sivut kuten muut selaimet tai eri näytön koot. Voit siirtyä linkistä linkittämään katselusivut, koska ne näkyvät useissa selaimissa, ja tarkista vain tekstin puhtaus. Anybrowser Site Viewer -ohjelman avulla voit myös valita tiettyjä sivuelementtejä.

Fundisom

Fundisom on Mac screenshot -generaattori, jonka avulla voit nähdä sivustosi Macintosh G5: ssä Safarissa, MacIE: ssa tai Mozillassa. Tällä hetkellä lixlpixel web-kehitys Safari Screenshot Generator on väliaikaisesti offline-tilassa, mutta voit tarkistaa sen myöhemmin.

Delorie lynxview

Delorie lynxview on palvelu, jonka avulla web-kirjailijat voivat nähdä, mitä niiden sivut näyttävät Lynxin, tekstimuodon Web-selaimen katsellessa.

Browsera

Browsera on tarkoitettu käytettäväksi testaustyökaluna, ei vain kuvakaappaustyökaluna, ja toimii sivustotasolla sivutason sijaan. Browsera indeksoi sivustosi sivut ja testaa ne ulkoasun epäjohdonmukaisuuksien ja skriptointivirheiden varalta.

IE-välilehti

IE-välilehti on Firefox-lisäosa, jonka avulla voit ladata verkkosivuja Internet Exploreriin ilman, että sinun tarvitsee avata toista selainikkunaa. Napsauta vain Firefoxin työkalurivin painiketta ja se avaa nykyisen sivun uudessa välilehdessä, joka käyttää Internet Explorerin moottoria Firefoxin sijaan.

Plugin ja työkalut

IETester

IETester on ilmainen web-selain, jonka avulla voit saada IE9-esikatselun, IE8: n, IE7 IE 6: n ja IE5.5: n renderointi- ja javascript-moottorit Windows 7, Vista ja XP. Web-kehittäjien on hyödyllistä testata, että niiden sivustot toimivat oikein kaikissa yleisimmissä Internet Explorer -versioissa.

IECapt

IECapt on pieni komentorivin apuohjelma, joka tallentaa Internet Explorerin web-sivun esittämisen BMP-, JPEG- tai PNG-kuvatiedostoksi.

Multi-Safari

Multi-Safari on ilmainen selaimen yhteensopivuuden testaustyökalu, jonka avulla voit tarkistaa verkkosivustosi renderöinnin käyttämällä erilaisia ​​Safarin versioita. Multi-Safari ei salli näytön tarkkuutta.

Expression Web SuperPreview

Expression Web SuperPreview on ilmainen työkalu, jonka avulla käyttäjät voivat testata verkkosivustojaan Internet Explorerin eri versioissa. Expression Web SuperPreview on itsenäinen visuaalinen virheenkorjaustyökalu, joka helpottaa sivustojen siirtämistä IE6: sta IE7: ään tai 8: een.

Iphoney

iPhoney antaa sinulle pikselin tarkan web-selailuympäristön, jota voit käyttää iPhone-sivustoja kehitettäessä. Se on täydellinen 320 x 480 pikselin kangas iPhone-kehityksellesi. iPhoney ei ole iPhone-simulaattori, vaan se on suunniteltu web-kehittäjille, jotka haluavat luoda 320: n 480 sivustoa käytettäväksi iPhoneen.

MultipleIEs

MultipleIE-ohjelmien avulla voit testata verkkosivusi Internet Explorer 3: ssa, 4: ssä, 5: ssä ja 6: ssa. Nämä ovat vanhoja selaimia, mutta jos voit, että sivustosi on käytettävissä kaikissa selaimissa, tarkista myös vanhimmat IE-versiot, joissa on MultipleIEs.

Useita IE

Useita IE on samanlainen työkalu kuin MultipleIE. Useita IE on pieni paketti, jonka avulla voit käyttää useita IE: n versioita samalla koneella, IE 6.0: sta aina IE 3.0: een

SortSite Professional

SortSite Professionalin avulla verkkosivustojen rakentajat, omistajat ja konsultit voivat tarkistaa koko sivustot standardien noudattamisen ja laatuongelmien suhteen. SortSite tarkistaa jokaisen löytämänsä sivun ja tuottaa sitten raportin kaikista ongelmista. SortSite tarkistaa yli 300 laadun tarkistuspistettä.

Lunascape

Lunascape on maailman ensimmäinen ja ainoa kolminkertainen moottorin selain. Mukana on tärkeimmät selaimet: IE, Firefox, Chrome, Safari. Lunascapen avulla voit valita oikean moottorin oikeaan aikaan, kun web-selaimen yhteensopivuusongelmat, pitkät latausajat ja verkkosivustojen virheellinen näyttö vähenevät dramaattisesti.

Premium-palvelut

Browsercam

BrowserCam on maksullinen online-palvelu, jonka avulla voit tarkastella Web-sivuja eri alustoilla ja selaimilla joko ottamalla automaattisesti valitsemasi kuvakaappaukset tai käyttämällä tietokoneita etänä.

Crossbrowsertesting

Sivustolla voit testata sivustosi (tai joku muu asiasta) missä tahansa käyttöjärjestelmässä ja selaimessa. Tämän pitäisi säästää paljon aikaa, kun yrität tehdä asioita. Tilausten hinta alkaa 19,95 eurosta.

Url2image

Käyttämällä Url2image-verkkopalvelintilaa ja kirjautuneena käyttäjänä voit pyytää kuvakaappauksia web-sivusi suunnittelusta käyttämällä erilaisia ​​selaimen / käyttöjärjestelmän yhdistelmiä. Url2image tarjoaa palkinnon kuvakaappauksista. 2 kuvakaappausta maksaa $ 1.

SortSite

SortSite Professional tarkistaa eri selaimissa olevat toiminnot, jotka eivät toimi oikein tai toimivat eri tavalla. Vakio-palkinto on 149 dollaria.

Multi Browser Viewer

Multi Browser Viewer sisältää 17 valmiiksi pakattua, virtualisoitua erillistä selainta. 17 erillisen selaimen lisäksi Multi-Browser Viewerilla on myös mahdollisuus testata sivustosi 50 selaimessa kolmessa käyttöjärjestelmässä (Mac, Windows ja Linux). Yhden käyttäjän lisenssipalkinto on 99,95 dollaria.

Cloud Testing

Cloud Testingin selaimen testausominaisuuden avulla voit tarkistaa sekä sähköisen kaupankäynnin että tapahtumien verkkosivustojen ulkoasun ja toimivuuden IE 6,7,8-, Firefox-, Apple Safari-, Google Chrome- ja Opera-selaimilla. Yhden testin hinta on       £ 0,10.