Cross-browser website ontwerp lay-out Tester Browsera

In juni behandelden we een doodeenvoudige service die door Adobe werd gelanceerd, genaamd BrowserLab waarmee ontwerpers hun website-ontwerp in meerdere browsers konden testen. Omdat het in gesloten bèta is, kunnen nieuwe gebruikers zich niet meer aanmelden.

Vandaag kwam ik een andere uitstekende service tegen, genaamd Browsera. Het heeft zowel gratis als betaalde pakketten, met de gratis kunnen gebruikers tot 25 pagina's testen, wat genoeg is voor een webmaster. De meeste bloggers en webmasters controleren meestal het ontwerp van de hoofdpagina op fouten en de afzonderlijke berichtpagina's, dus dit zou voor de meeste gebruikers voldoende moeten zijn.

U kunt het ontwerp van uw website in meerdere browsers vergelijken. Het ondersteunt Internet Explorer 6/7/8, Firefox 2/3 / 3.5 en Safari 3.2 / 4. Het controleert ook op problemen die op uw website zijn gedetecteerd, crawlen van de site, JavaScript-fouten en meer. In tegenstelling tot BrowserLabs, omdat de test gecompliceerd is, duurt het even voordat de resultaten zijn gegenereerd en als u klaar bent, ontvangt u onmiddellijk een e-mail. Het bevat de volgende functionaliteiten, afgezien van andere functies:

• Javascript-foutrapportage voor het detecteren van functionaliteitsproblemen
• Inlogondersteuning via HTTP-basisverificatie en inloggen op de website
• SSL-gebaseerde beveiliging
• Schermafbeeldingen met volledige resolutie
• Zoomen met screenshot

Bij het uitvoeren van een test kunt u de browsers selecteren waarin u de test wilt genereren, selecteer de basislijnbrowser, voer de URL's in (één per regel) en selecteer ten slotte hoeveel gelinkte pagina's het moet hebben kruipen.

Als u een nieuw thema heeft geïmplementeerd of naar een geheel nieuw ontwerp bent verhuisd, wordt het testen van uw site op fouten aanbevolen. Merk op dat het registratie vereist bij het aanmelden voor een packge.

Bijwerken: Screenshot van de lay-outvergelijking met baseline-browser. De fout wordt vóór de vergelijking in details weergegeven (niet in screenshot). Zoals je in de onderstaande schermafbeelding kunt zien, heeft mijn blog een klein probleem in IE6, dit komt eerder door IE6 dan door de fout in het ontwerp.

Browsera

Genieten!