Selaustestaus on kuuma ja turhauttava kysymys web-suunnittelijoiden ja kehittäjien keskuudessa. Useimmissa tapauksissa kehittäjät suunnittelevat yhden kohdeselaimen ja kun ne ovat valmiit, he alkavat muotoilua muokkaamaan, jotta se olisi yhteensopiva muiden selainten kanssa.

Web-sivustoa voi testata useilla tavoilla ennen käyttöönottoa, mukaan lukien useita selaimia ja käyttöjärjestelmiä asennettaessa, virtuaalikoneita, joissa on erilaiset kokoonpanot tai joissa käytetään isännöityä kuvapalvelua, jossa käytetään tietyn selainversion ja käyttöjärjestelmän kuvakaappausta vertailutarkoituksiin.

Nykyään on olemassa uusi tapa testata Microsoftin kehittämä selaimen yhteensopivuus ja sitä kutsutaan SuperPreview-ohjelmaksi . Tässä artikkelissa annan sinulle lyhyen katsauksen SuperPreview-ohjelmaan sekä vertaamalla ja luetteloimalla vaihtoehtoisia järjestelmiä sivustosi suunnittelun testaamiseen.

Yleiskatsaus

SuperPreview on uusi ilmainen erillinen Microsoftin sovellus (vielä beta), jonka avulla voit nähdä, miten verkkosivustosi näyttävät Internet Explorerin eri versioilta, joten siirtyminen IE6: sta 7: een ja 8: een on paljon helpompaa kuin aiemmin ilman, Kone käynnistää IE6: n tai on erillinen tietokone, joka on omistettu IE6: n käyttämiseen. He myös julkaisevat maksullisen version, joka käsittelee muita kuin IE-selaimia. Tässä tarkastelussa keskustelen vain ilmaisesta versiosta. Minun on mainittava, että tämä on hyvin varhaisessa esikatseluversiona, joten tulevaisuudessa tulee olla lisää ominaisuuksia ja korjauksia.

Saatavuus

SuperPreview-beta-versio julkistetaan tänään Mix09-konferenssissa ja se on saatavilla ilmaiseksi ladattavaksi yleisölle pian sen jälkeen. [UPDATE] Ohjelmisto julkaistiin tänään ennen MIX09: a ja aikaisemmin kuin odotettiin alun perin ja se on nyt saatavilla: Lataa Microsoft SuperPreview

Minua lähestyi Microsoft testaamaan varhaisen beetaversion ja olen työskennellyt kehitystiimin kanssa viime päivinä antamalla heille palautetta ja ehdotuksia.

SuperPreview for Internet Explorer -version versio on saatavilla kesällä 2009.

Mukana on myös täydellinen versio, joka sisältää tuen Firefoxille ja Safarille. Tämä on PAID-versio, joka on osa Expression Web 3 -ohjelmaa . Sinulla on mahdollisuus ottaa se käyttöön Expression Webistä tai erillisenä. Arvioitu julkaisupäivä on myös kesällä 2009.

SuperPreview

SuperPreview on aika siisti idea ja se on ensimmäinen kerta, kun olen nähnyt tällaisen selaimen testaustoiminnon käytettävissä erillisenä sovelluksena, toisin kuin isännöi palvelua. Pohjimmiltaan anna URL-osoite (tai paikallinen tiedosto), jonka haluat testata, ja se näyttää esikatselun kahdessa IE-versiossa samanaikaisesti split-ikkunassa. Se on mukana IE6-renderointimoottorissa, ja se vaatii IE7: n tai IE8: n vertaamista .

Suuri haittapuoli on, että tällä hetkellä ainakin niillä ei ole konkreettisia suunnitelmia vapauttaa Mac-versiota , vaikka sitä voidaan lisätä tulevaisuudessa. Minun oli testattava Mac-tietokoneellani käyttämällä Parallelsia, joka tuotti muutaman virheen, kuten hidas vasteajan ja värähtelyn joihinkin latausnäyttöihin. Myös käyttöliittymä on mielestäni melko houkutteleva eikä ole kovin käyttäjäystävällinen, vaikka he väittäisivät korjaavan tämän lopulliseen julkaisuun.

Myöskään isännöimättömiä ratkaisuja ei ole vielä saatavilla , mikä olisi erityisen hyödyllistä niille Macille, jotka eivät pysty asentamaan IE testaustarkoituksiin.

Avainominaisuudet:

  • Osoittimen toimintatilat: Voit napsauttaa yksittäisiä sivuosuuksia vertailua varten. Otsikon HTML-tunniste, sen luokka tai ID-nimi, koko ja sijainti-attribuutit näytetään tilarivillä.
  • Kuvan katselu: vertaa Photoshop comp -ohjelmaa perusselaimeen ja varmista, että kaikki selaimen rivit sopivat alkuperäiseen muotoiluusi.
  • Dom Highlighting: Voit korostaa tiettyjä DOM-elementtejä nähdäksesi, missä selainten välillä on kohdistuseroja. Se näyttää renderoidut elementit ja niiden CSS-ominaisuudet.
  • Asemointioppaat / Viivaimet: Käytä viivaimia mittaamaan selainten ulkoasueroja. Kun sijoitat viivain yhden selainikkunaan, toisen selaimen viivain liikkuu sen kanssa.
  • Asettelunäkymät: Tarkastele vierekkäin joko vaakasuoraan tai pystysuoraan tai peittotilaan.
  • Zoom: Voit valita suurennustason.
  • Useita päätöslauselmia: Ei ole vielä saatavilla tässä beta-julkaisussa, mutta se sisällytetään tuleviin julkaisuihin.
  • Pienoiskuvanäyttö: Esikatsele pienoiskuvan jokaisen paneelin alaosasta pienoiskoossa, kuten koko sivuston näkymästä, jotta voit nopeasti napsauttaa sivun eri aluetta.

esimerkkejä:

Työkalupalkki, joka näyttää eri oppaat ja hallitsijat

toolbar


Oppaat ja hallitsijat, joissa on DOM-korostus, osoittavat eroja IE6: ssa ja IE7: ssa

overlay


Valitsemalla paikallisia selaimia, kauko-selaimia tai kuvia (kuvakaappaus täynnä versiota muiden IE-selainten tuen kanssa)

multiplebrowsers


Plussat:

  • Ei tarvitse asentaa IE6: ta.
  • Sivujen vertailu ja asettelunäkymät.
  • Voita verrata Photoshop-comp -ohjelmaa perusselaimeen.
  • Oppaat ja hallitsijat mittaamaan selainten välisiä paikannuseroja.
  • Overlay-tilassa näkyy, onko monia eroja.
  • DOM-korostus on hyödyllinen löytää ja tunnistaa eroja nopeasti.
  • Zoomauskyky.
  • Ilmainen IE-selaimen esikatselu.
  • Näyttää PHP- ja ASPX-sivut (edellyttäen että PHP on asennettu järjestelmään).
  • Tukee mitä tahansa älykästä selainta tukee, mukaan lukien Ajax ja JavaScript.

      Haittoja:

      • Tällä hetkellä se toimii IE8: n kanssa IE7-emulointitilassa, joka ilmeisesti on noin 90% hyvä. He työskentelevät tekemässä todellista sisäänrakennettua IE7- ja IE8-renderointia.
      • Ei vielä Mac-versiota.
      • Resoluutiovaihtoehto ei ole tällä hetkellä saatavilla beta-versiossa.
      • Vain versio verrataan vain Internet Explorerin eri versioiden kesken, ja vain maksettu versio vertailee selainten välillä, jotka olet asentanut.
      • Epätavallinen käyttöliittymä ja kuvakkeet (ainakin beta-versiossa).
      • Peittotila on hämmentävä selvittääksesi mikä selain on mikä.
      • Mikään isännöity ratkaisu ei ole vielä saatavilla.
      • Ei tukea ActiveX: lle (Flash mukaan lukien).
      • Ei voi verrata Mac-selaimiin.
      • Sivustoja ei voi napsauttaa linkkien kautta.
      • Hidas päivitys / latausaika (ainakin XP: n suorittaminen Macissa, jossa on Parallels).
      • Pikkukuvan esikatselu on hyödytöntä hyvin pitkiä sivuja varten.

      Muut testausmenetelmät

      Yleinen tapa testata sivuston (lisäksi useita selaimia ja käyttöjärjestelmiä) on käyttää isännöi palvelua, joka ottaa verkkosivustosi kuvakaappaukset eri selaimissa ja käyttöjärjestelmissä. Seuraavassa on muutamia suosituimpia:

      BrowserShots

      Tukee useita selaimia, Java-, Flash-, Javascript- ja näyttösovelluksia. Helppokäyttöinen ja ilmainen.

      browsershots


      Selainkuva

      Tukee useita selaimia ja versioita sekä Windows, Mac ja Linux. 800 × 600 - 1024 × 768. Hinta: 15 dollaria kerralla, tai 150 dollaria verkkotunnusta kohden rajoittamattoman käytön mukaan

      browserphopto1


      CrossBrowserTesting

      Tukee useita selaimia ja käyttöjärjestelmiä. Maksat käyttömaksua minuutissa. Vaatii Java. Ilmainen kokeilu.

      crossbrowsertesting


      Browsercam

      Tukee kaikkia selaimia, kaikkia käyttöjärjestelmiä. Sisältää JavaScript, DHTML-lomakkeet ja dynaamisempi toiminto. Mahdollisuus etäkäyttöön ja mobiilisivun kehittämiseen. 19,95 dollaria yhden päivän käytön selaimen kaappaamiseen.

      browsercam


      BrowsrCamp

      MAC OS X -selaimen testaus kuvakaappauksen avulla. 800 pikselitarkkuudesta jopa 1600. Vapaa Safari 3.1.2: n kuvakaappauksiin. Maksullinen palvelu alkaen 3 dollaria päivässä.

      browsrcamp


      NetRendered

      Tarkistaa, miten Internet-sivusto on julkaissut Internet Explorer 7, 6 tai 5.5. Vapaa.
      netrednered


      Litmus

      Tarkistaa jokaisen selaimen ja minkä tahansa alustan ja sisältää virheiden seurannan. 50 testi kuukausi on ilmainen, mutta vain IE7 ja Firefox 2. 23 Selain tuki alkaa 24 dollaria päivässä.
      litmus

      Lopuksi voit asentaa useita selaimia tai käyttää virtuaalisia koneita lisätestausta varten.

      Virtuaalinen ohjelmisto:

      Voit asentaa useita käyttöjärjestelmiä samaan tietokoneeseen

      Lue lisää:

      http://www.thesitewizard.com/webdesign/multiplebrowsers.shtml
      http://css-discuss.incutio.com/?page=BrowserTesting


      Vastuuvapauslauseke WDD: n toimittajasta: Tämä viesti on henkilökohtainen arvostelu SuperPreviewista. Mikään Microsoft tai muu yritys ei ole millään tavalla kompensoinut tuotteen tai muiden tuotteiden tarkistamista. Tässä esitetyt mielipiteet ovat yksinomaan omani.


      Lähettäkää alle sen, mitkä muut järjestelmät, joita käytät sivustosi testaamiseen eri selaimissa ja eri versioissa.