Ghid complet pentru verificarea compatibilității cu browserul încrucișat

Utilizatorii de internet au o gamă mai largă de browsere atunci când vine vorba de navigarea pe internet. Este responsabilitatea noastră ca designeri și dezvoltatori să ne asigurăm că site-urile pe care le-am creat sunt compatibile pentru majoritatea browserelor utilizate în aceste zile.

Aceasta duce la o întrebare simplă, dar critică - ce browsere folosesc vizitatorii noștri? Potrivit w3school, browserele utilizate în mod obișnuit sunt Internet Explorer 7 și 8 și Firefox cu Safari și Google Chrome ridicând treptat. Dar cifrele pot varia de la un site la altul, în funcție de nișă. Cel mai bine este să obțineți datele demografice din valorile site-ului dvs., Google Analytics de exemplu.

Odată ce ați identificat browserele obișnuite pe care le utilizează vizitatorii dvs., atunci este timpul să vă asigurați că site-ul Web se afișează la fel în aceste browsere. Este aproape imposibil să instalați toate browserele diferite într-o singură mașină. Dar, datorită unor instrumente și servicii web disponibile acolo, este posibil să aflați cum arată site-ul dvs. în alte browsere.

În acest articol, dorim să vă aducem la cunoștință câteva dintre soluțiile pe care vă puteți baza pentru a face teste de compatibilitate cu browserul încrucișat. Lista completă după salt.

Compatibilitate de testare online

BrowserShots

Browsershots este o aplicație gratuită și cea mai populară multi-platformă de testare a compatibilității browserelor pentru web designeri. Browsershots face capturi de ecran ale designului dvs. web în diferite browsere. În baza de date Browsershots sunt incluse toate cele mai populare browsere și puteți verifica cu ușurință modul în care site-ul dvs. arată în toate browserele și platformele de operare.

Browser Sandbox

Creat de Spoon.net, această pagină vă permite să rulați diferite browsere, inclusiv IE, Firefox, Safari, Chrome și Opera chiar din browserul dvs. Simplu ca asta.

Netrenderer

IE NetRenderer este un tester de compatibilitate gratuit pentru browsere. Cu IE NetRenderer puteți verifica modul în care un site Web este redat de diferite versiuni ale Internet Explorer. După testare beta, foarte curând în IE NetRenderer va fi integrată cea mai nouă versiune a IE - IE9 și veți putea vedea că site-ul dvs. prezintă erori în acest browser.

Browsrcamp

Browsrcamp vă permite să testați compatibilitatea designului dvs. cu browserele Mac OS X. Dacă nu doriți să cheltuiți bani, puteți verifica compatibilitatea designului dvs. cu Safari 3.1.2. Pur și simplu adăugați adresa URL a site-ului dvs. web și veți obține imaginea de pe site-ul dvs. Dar dacă doriți să verificați compatibilitatea cu alte browsere Mac, vă puteți abona pentru 3 $.

Adobe Browserlab

Adobe Browserlab este un serviciu web găzduit, care permite designerilor să testeze desenele pe mai multe browsere și sisteme de operare. În acest sistem sunt incluse o funcție de zoom și instrumente de măsurare cum ar fi rigle și ghiduri, precum și capacitatea de a vă deplasa repede în anumite zone ale unei imagini de ecran. Seturile de browsere permit proiectanților să particularizeze, să editeze și să salveze o combinație de browsere pentru a le testa.

Litmusapp

Litmus vă arată capturi de ecran ale site-urilor dvs. web în timp ce se uită peste toate browserele web majore. După ce ați terminat de testare, puteți obține un raport de compatibilitate complet gata pentru examinare de către clienții dvs. Litmus are 4 planuri de preț. Vă puteți înregistra gratuit și puteți folosi numai testele browserelor Explorer 7 și Firefox 2 sau puteți alege planuri de taxare.

Siteviewer Anybrowser

Anybrowser Site Viewer vă permite să vedeți pagini HTML ca și alte browsere sau în dimensiuni diferite ale ecranului. Puteți să vă deplasați de la link spre paginile de vizionare a link-urilor așa cum ar apărea într-o varietate de browsere și să vă asigurați că aveți puritate numai pentru text. De asemenea, Anybrowser Site Viewer vă permite să selectați anumite elemente de pagină.

Fundisom

Fundisom este un generator de screenshoturi Mac care vă permite să vedeți site-ul dvs. pe un Macintosh G5 în Safari, MacIE sau Mozilla. Deocamdată, generatorul de descărcări de fișiere lixlpixel Safari Screenshot Generator este temporar offline, dar îl puteți verifica mai târziu.

Delorie lynxview

Delorie lynxview este serviciul care permite autorilor web să vadă cum vor arăta paginile lor atunci când sunt vizualizate cu Lynx, un browser web în modul text.

a browserului

Browsera este menită să fie folosită ca un instrument de testare, nu doar pentru un instrument de screenshot și funcționează la nivel de site-ul în loc de nivelul paginii. Browsera accesează cu crawlere paginile de pe site-ul dvs. și le testează de fapt pentru neconcordanțe de aspect și erori de scripting.

IE Tab

Tab-ul IE este Firefox addon care vă permite să încărcați pagini web în Internet Explorer, fără a fi nevoie să deschideți altă fereastră de browser. Doar faceți clic pe un buton din bara de instrumente Firefox și se va deschide pagina curentă într-o filă nouă care utilizează motorul Internet Explorer în loc de Firefox.

Plugin și Instrumente

IETester

IETester este un browser web gratuit care vă permite să aveți motoarele de redare și javascript ale previzualizării IE9, IE8, IE7 IE 6 și IE5.5 pe Windows 7, Vista și XP. Este util pentru dezvoltatorii web să testeze dacă site-urile lor funcționează corect în toate versiunile cele mai comune ale Internet Explorer.

IECapt

IECapt este un utilitar pentru linia de comandă mică pentru capturarea redării Internet Explorer a unei pagini web într-un fișier imagine BMP, JPEG sau PNG.

Multi-Safari

Multi-Safari este un instrument gratuit de testare a compatibilității browser-ului, care vă permite să verificați redarea site-ului web folosind diferite versiuni ale Safari. Multi-Safari nu permite testarea rezoluției ecranului.

Expresia Web SuperPreview

Expression Web SuperPreview este un instrument gratuit care ajută utilizatorii să testeze site-urile lor pe diferite versiuni ale Internet Explorer. Expresia Web SuperPreview este un instrument independent de depanare vizuală care facilitează migrarea site-urilor dvs. de la IE6 la IE7 sau 8.

Iphoney

iPhoney vă oferă un mediu de navigare web precis, pixel, pe care îl puteți utiliza atunci când dezvoltați site-uri web pentru iPhone. Este cea mai bună pânză de 320 cu 480 de pixeli pentru dezvoltarea iPhone-ului tău. iPhoney nu este un simulator de iPhone, ci este creat pentru dezvoltatorii web care doresc să creeze 320 de 480 site-uri web pentru a fi utilizate cu iPhone.

MultipleIEs

Cu MultipleIEs vă puteți testa pagina Web în Internet Explorer 3, 4, 5 și 6. Acestea sunt browsere vechi, dar dacă puteți că site-ul dvs. Web va fi disponibil pentru toate browserele, verificați și cele mai vechi versiuni IE cu MultipleIEs.

Multiple IE

Multiple IE este un instrument similar, cum ar fi MultipleIEs. IE multiplă este un pachet mic care vă permite să executați mai multe versiuni de IE pe aceeași mașină, de la IE 6.0 până la IE 3.0

SortSite Professional

SortSite Professional permite constructorilor de site-uri web, proprietarilor și consultanților să verifice site-urile întregi în vederea respectării standardelor și a problemelor legate de calitate. SortSite verificați fiecare pagină pe care o găsește, apoi produce un raport care enumeră fiecare problemă. SortSite verifică mai mult de 300 de puncte de control de calitate.

Lunascape

Lunascape este primul și singurul browser triplu din lume. In sunt incluse browserele principale: IE, Firefox, Chrome, Safari. Cu Lunascape, poți alege motorul potrivit de utilizat la momentul potrivit, realizând o scădere drastică a problemelor legate de compatibilitatea browser-ului web, timpi lungi de încărcare și afișarea incorectă a site-urilor Web.

Servicii Premium

Browsercam

BrowserCam este un serviciu online plătit care vă permite să vizualizați paginile dvs. web pe diferite platforme și browsere, fie prin preluarea automată a capturilor de ecran alese de dvs., fie prin accesarea de la distanță a calculatoarelor.

Crossbrowsertesting

Cu site-ul, veți putea să testați site-ul (sau oricine altcineva) pentru orice sistem de operare și browser. Acest lucru ar trebui să vă economisească mult timp când încercați să faceți lucrurile. Costul abonamentelor începe de la 19,95 USD.

Url2image

Folosind ferma de web server Url2image și ca utilizator logat, puteți solicita capturi de ecran ale designului paginii dvs. web, folosind o combinație variată de browsere / sisteme de operare. Url2image oferă premiu pentru capturi de ecran. 2 screenshot-uri costă 1 $.

SortSite

SortSite Professional verifică paginile pentru o serie de caracteristici care nu funcționează corect sau se comportă diferit în diferite browsere. Premiul pentru licență standard este de 149 USD.

Multi Browser Viewer

Multi Browser Viewer include 17 browsere standalone virtualizate pre-ambalate. În afară de 17 browsere independente, Multi-Browser Viewer are și posibilitatea de a testa site-ul dvs. în 50 de browsere în trei sisteme de operare (Mac, Windows și Linux). Licența pentru un singur utilizator este de 99,95 USD.

Testarea cloud

Caracteristica de testare încrucișată a browserului Cloud Testing vă permite să verificați atât aspectul, cât și funcționalitatea site-urilor dvs. de e-commerce și tranzacționale utilizând browserele IE 6,7,8, Firefox, Apple Safari, Google Chrome și Opera. Prețul unui test este de 0,10 £.