Hjemmeside » Coding » Komplet guide til kompatibilitetskontrol på tværs af browseren

    Komplet guide til kompatibilitetskontrol på tværs af browseren

    Internetbrugere har bredere valg af browsere, når det kommer til at surfe på nettet. Det er vores ansvar som designere og udviklere at sikre, at websites, vi har oprettet, er kompatible for de fleste af de almindeligt anvendte browsere disse dage.

    Det fører til et simpelt, men kritisk spørgsmål - hvilke browsere bruger vores besøgende? Ifølge w3school er almindeligt anvendte browsere Internet Explorer 7 og 8 og Firefox med Safari og Google Chrome gradvist afhente. Men tallene kan variere fra sted til sted, afhængigt af dens niche. Det er bedst at få demografien fra dit websteds beregninger, Google Analytics for eksempel.

    Når du har identificeret almindelige browsere, som dine besøgende bruger, så er det tid til at sikre, at hjemmesiden vises ens i disse browsere. Det er næsten umuligt at installere alle forskellige browsere i en maskine. Men takket være nogle værktøjer og web-tjenester derude, er det muligt at finde ud af, hvordan dit websted ligner i andre browsere.

    I denne artikel ønsker vi at gøre opmærksom på nogle af de løsninger, du kan stole på, for at gøre kompatibilitetstests på tværs af browseren. Fuld liste efter spring.

    Testkompatibilitet online

    Browsershots

    Browsershots er et gratis og mest populært kompatibelt testværktøj til webdesignere på tværs af platformen. Browsershots laver skærmbilleder af dit webdesign i forskellige browsere. I Browsershots-database er inkluderet alle de mest populære browsere, og du kan nemt kontrollere, hvordan dit websted ser ud i alle browsere og OS-platforme.

    Browser Sandbox

    Denne side giver dig mulighed for at køre forskellige browsere, herunder IE, Firefox, Safari, Chrome og Opera lige fra din browser. Så simpelt er det.

    Netrenderer

    IE NetRenderer er gratis browsers kompatibilitetstester. Med IE NetRenderer kan du tjekke, hvordan en hjemmeside gengives af forskellige versioner af Internet Explorer. Efter beta-test bliver meget snart i IE NetRenderer integreret nyeste version af IE - IE9, og du vil kunne se, viser dit websted fejl i denne browser.

    Browsrcamp

    Browsrcamp giver dig mulighed for at teste kompatibiliteten af ​​dit design med Mac OS X browsere. Hvis du ikke vil bruge penge, kan du kontrollere kompatibiliteten af ​​dit design med Safari 3.1.2. Du skal blot tilføje din hjemmeside url, og du vil få dit websted screenshot. Men hvis du vil have kompatibilitet med andre Mac-browsere, kan du abonnere på 3 $.

    Adobe Browserlab

    Adobe Browserlab er en webhosting-tjeneste, der giver designere mulighed for at teste designs på flere browsere og operativsystemer. I dette system indgår en zoomfunktion og måleværktøjer som linjer og guider, og evnen til at bevæge sig hurtigt til bestemte områder af et screenshot. Browsersæt gør det muligt for designere at tilpasse, redigere og gemme en kombination af browsere til at teste.

    Litmusapp

    Litmus viser dig skærmbilleder af dine websites, da de ser på tværs af alle større webbrowsere. Når du er færdig med at teste, kan du få en fuld kompatibilitetsrapport klar til gennemgang af dine kunder. Litmus har 4 prisplaner. Du kan registrere gratis og bruge kun Explorer 7 og Firefox 2 browsers testninger, eller du kan vælge opladningsplaner.

    Anybrowser siteviewer

    Anybrowser Site Viewer lader dig se HTML-sider som andre browsere ville eller i forskellige skærmstørrelser. Du kan flytte fra link til linkvisningssider, da de vises i en række forskellige browsere og tjekker ren renhed i tekst. Desuden giver Anybrowser Site Viewer dig mulighed for at vælge bestemte sideelementer.

    Fundisom

    Fundisom er Mac screenshot generator, som lader dig se dit websted på en Macintosh G5 i Safari, MacIE eller Mozilla. For øjeblikket er lixlpixel webudvikling Safari Screenshot Generator midlertidigt offline, men du kan tjekke den senere.

    Delorie lynxview

    Delorie Lynxview er en tjeneste, der giver webforfattere mulighed for at se, hvordan deres sider vil se ud, når de ses med Lynx, en tekstmodus webbrowser.

    Browsera

    Browsera er beregnet til at blive brugt som et testværktøj, ikke kun et skærmbilledeværktøj, og fungerer på stedet i stedet for sidens niveau. Browsera krypter siderne på dit websted og test dem faktisk for uoverensstemmelser med layout og scripting fejl.

    IE Tab

    IE Tab er Firefox addon, der gør det muligt at indlæse websider i Internet Explorer uden at skulle åbne et andet browservindue. Bare klik på en knap på Firefox-værktøjslinjen, og den åbner den aktuelle side i en ny fane, der bruger Internet Explorer-motoren i stedet for Firefox.

    Plugin og værktøjer

    IETester

    IETester er en gratis webbrowser, der giver dig mulighed for at få gengivelses- og javascriptmotorer af IE9-preview, IE8, IE7 IE 6 og IE5.5 på Windows 7, Vista og XP. Det er nyttigt for webudviklere at teste, at deres websteder fungerer korrekt i alle de mest almindelige Internet Explorer-versioner.

    IECapt

    IECapt er et lille kommandolinjeværktøj til at fange Internet Explorer's gengivelse af en webside i en BMP-, JPEG- eller PNG-billedfil.

    Multi-Safari

    Multi-Safari er et gratis testprogram til browserkompatibilitet, der gør det muligt at kontrollere gengivelsen af ​​dit websted ved hjælp af forskellige versioner af Safari. Multi-Safari tillader ikke skærmopløsningstestning.

    Expression Web SuperPreview

    Expression Web SuperPreview er gratis værktøj, der hjælper brugerne med at teste deres websites på forskellige versioner af Internet Explorer. Expression Web SuperPreview er et stand-alone visuelt fejlsøgningsværktøj, der gør det nemmere at migrere dine websteder fra IE6 til IE7 eller 8.

    Iphoney

    iPhoney giver dig et pixel-nøjagtigt web browsing miljø, som du kan bruge, når du udvikler websteder til iPhone. Det er den perfekte 320 x 480 pixel lærred til din iPhone udvikling. iPhoney er ikke en iPhone-simulator, men er i stedet designet til webudviklere, der ønsker at oprette 320 til 480 websites til brug sammen med iPhone.

    MultipleIEs

    Med MultipleIEs kan du teste din webside i Internet Explorer 3, 4, 5 og 6. Disse er gamle browsere, men hvis du kan, at din hjemmeside vil være tilgængelig for alle browsere, skal du også tjekke for ældste IE-versioner med MultipleIEs.

    Flere IE

    Flere IE er lignende værktøj som MultipleIEs. Flere IE er en lille pakke, som giver dig mulighed for at køre flere versioner af IE på samme maskine, fra IE 6.0 helt tilbage til IE 3.0

    SortSite Professional

    SortSite Professional giver webstedets bygherrer, ejere og konsulenter mulighed for at kontrollere hele websteder for standarder, der overholder standarder og kvalitetsproblemer. SortSite tjekke hver side, den finder, og producerer en rapport, der angiver ethvert problem. SortSite tjekker mere end 300 kvalitetscheckpunkter.

    Lunascape

    Lunascape er verdens første og eneste tredobbelte motorbrowser. I er inkluderet primære browsere: IE, Firefox, Chrome, Safari. Med Lunascape kan du vælge den rigtige motor til brug på det rigtige tidspunkt og indse et dramatisk fald i web browser kompatibilitetsproblemer, lange belastningstider og ukorrekt visning af websites.

    Premium Services

    Browsercam

    BrowserCam er en betalt online-tjeneste, der giver dig mulighed for at se dine websider på tværs af forskellige platforme og browsere, enten ved automatisk at tage skærmbilleder efter eget valg eller ved at få adgang til computere eksternt.

    Crossbrowsertesting

    Med webstedet kan du teste dit websted (eller en andens er for den sags skyld) på ethvert operativsystem og browser. Dette vil spare dig for meget tid, når du forsøger at få tingene gjort. Abonnementer koster start fra 19,95 dollar.

    Url2image

    Brug af Url2image webserver gård, og som en logget bruger kan du anmode om skærmbilleder af dit webside design ved hjælp af forskellige browser / OS kombination. Url2image tilbyder pris til skærmbilleder. 2 skærmbilleder koster $ 1.

    SortSite

    SortSite Professional kontrollerer sider for en række funktioner, der ikke fungerer korrekt eller opfører sig forskelligt på forskellige browsere. Standard licenspris er $ 149.

    Multi Browser Viewer

    Multi Browser Viewer indeholder 17 færdigpakkede, virtualiserede, selvstændige browsere. Bortset fra 17 standalone browsere har Multi Browser Viewer også mulighed for at teste dit websted i 50 browsere på tværs af tre operativsystemer (Mac, Windows og Linux). Singelbruger licensprisen er $ 99,95.

    Cloud Testing

    Funktionen Cross Browser Testing i Cloud Testing gør det muligt at kontrollere både udseendet og funktionaliteten af ​​dine e-handels- og transaktionswebsteder ved hjælp af IE 6,7,8, Firefox, Apple Safari, Google Chrome og Opera browsere. Pris pr. Test er £ 0,10.