Mājas lapa » Kodēšana » SVG atbalsta testēšana Web pārlūkprogrammu dzinējos [Case study]

    SVG atbalsta testēšana Web pārlūkprogrammu dzinējos [Case study]

    SVG (Scalable Vector Graphics) ir oficiāli atbalstīta visās galvenajās tīmekļa pārlūkprogrammās, tostarp Internet Explorer. Atbalsts aptver plašu attēlu redaktora programmatūru, jo īpaši Inkscape, kas izmanto SVG kā savu dzimto formātu (ja vēlaties, lai SVG tiktu atjaunināts, noklikšķiniet šeit).

    Bet ko tieši atbalsta tīmekļa pārlūkprogrammas? Vai visi dzinēju atveidošanas veidi parāda SVG failus un to funkcijas tādā pašā veidā? Un ko par to uzlabotas funkcijas, piemēram, filtrus? Nu tas ir tas, ko mēs uzzināsim. Mēs paņēmām paraugu mūsdienu pārlūkprogrammām, tostarp dažām mazāk pazīstamām, un pārbaudīja tos ar šim nolūkam izveidotu SVG failu.

    Testēšanas attēls

    Mēs sagatavojām testēšanas attēlu, koncentrējoties uz elementiem, kurus mākslinieki visticamāk izmantos. Starp pārbaudītajām funkcijām ir šādi: teksta ceļi un to mijiedarbība, gradienti, gaussas izplūdes filtrs un visbeidzot uzlabots kompozīta filtrs, kas sakrauts no vairākiem filtru tipiem.

    Tīmekļa pārlūkprogrammu dzinēji

    Blink dzinējs

    Mēs sākām ar - visbiežāk sniegto dzinēju - Blink. Blink ir vietējais dzinējs Google Chrome un Chromium pārlūkiem, Opera un Android WebView. Visas iepriekš minētās pārlūkprogrammas testē attēlus vienādi visās pārbaudītajās platformās.

    Salīdzinot ar oriģinālo attēlu, ko ražo Inkscape, nebija nekādu problēmu, izņemot nelielu atšķirību starp sakārtotu filtru efektu.

    Pārlūks Versija Platforma Rezultāts
    Hroms 43.0.2357.125 Linux
    Opera 30.0.1835.59 Linux
    Opera 30.0.1856.93524 Android
    Opera 30.0.1835.88 Windows
    Chrome 38.0.2125.114 Android
    Chrome 43.0.2357.130 Windows
    Lukturis 39.0.0.9626 Windows

    Webkit dzinējs

    Saskaņā ar jaunāko pārlūkprogrammas lietošanas statistiku, trīs galvenās pozīcijas nepieder webkit balstītām pārlūkprogrammām (no 2015. gada maija). Tomēr šis dzinējs ir izplatīts starp izstrādātājiem. Turklāt ir arī dažādas realizācijas un dakšas

    Visas pārbaudītās pārlūkprogrammas padarīja mūsu SVG failu bez problēmām; tomēr, salīdzinot ar Inkscape, tika novērotas atšķirības kompozītmateriālu filtra komponentes spuldzes apgaismojumā.

    Pārlūks Versija Platforma Rezultāts
    Safari 8.0.6 MacOS
    Otter 0.9.05 Linux
    QupZilla 1.8.6 Linux
    QupZilla 1.8.6 Windows
    Delfīns 10.3.1 Android
    Konqueror 15.04.2 Linux
    UC pārlūks 10.5.0.575 Android

    Trident dzinējs

    Trident ir patentēts dzinējs, ko izmanto Internet Explorer versijas 4.0 - 11.0. IE perfekti interpretēja mūsu SVG. Turklāt kompozīta filtra izskats atbilst vislabākajam oriģinālajam attēlam. Mēs arī pārbaudījām IE 9, otro visbiežāk izmantoto IE (no 2015. gada maija), un konstatējām, ka šai versijai bija problēmas ar gaussian blur un kompozīta filtru.

    Tomēr tas nav pārsteigums, jo IE 9 sākotnēji tika izlaists pirms SVG 1.1 SE standarta galīgā projekta, kurā tika oficiāli pievienoti filtra efekti..

    Pārlūks Versija Platforma Rezultāts
    IE 11.0.9600.17843 Windows
    Pārlūks Versija Platforma Rezultāts
    IE 9.0.8112.16421 Windows

    Gekko dzinējs

    Gecko ir dzinējs, ko izstrādājis Mozilla Corporation un kas tiek izmantots Firefox tīmekļa pārlūkprogrammā vai Thunderbird e-pasta klientā. To izmanto arī pārlūkprogrammas PaleMoon, Waterfox un daudzas citas iepriekšējo Firefox versiju dakšas. Gecko dzinēja gadījumā rezultāti dažādās platformās nebija vienādi.

    Windows versija parādīja nelielu glitch, padarot tekstu gar ceļu; tāda pati problēma tika novērota gan pārlūkprogrammā Firefox, gan PaleMoon. Tāpat kā Webkit, Gecko, šķiet, ir problēmas ar pareizu Specular Lighting filtra primitīvo atveidošanu.

    Pārlūks Versija Platforma Rezultāts
    Firefox 38.0.5 Linux
    Firefox 38.0.5 Android
    PaleMoon 25.5 Android
    Pārlūks Versija Platforma Rezultāts
    Firefox 38.0.5 Windows
    PaleMoon 25.5 Windows

    Problēmas pārlūkprogrammas

    Kā redzams iepriekš, visas jaunāko lielāko izciršanas dzinēju / pārlūkprogrammu versijas ir izturējušas mūsu pārbaudi bez būtiskām grūtībām. Apskatīsim tos, kas to nedarīja.

    Maxthon ir pārrobežu platforma pārlūkprogramma, kas izstrādāta Ķīnā. Saskaņā ar Fahad Khan 20 alternatīvajām tīmekļa pārlūkprogrammām Windows Maxthon izmanto gan Trident, gan Webkit dzinējus. Mēs neesam ievērojuši nekādas problēmas ar SVG atveidošanu Linux (v. 1.0.5.3) un Windows (v. 4.4.5.3000); tomēr Android ierīcē netika sniegti ne Gausa blur, ne citi filtru primitīvi.

    CM pārlūks ātri testēja mūsu Samsung galaktikas S3 ierīci, taču tā arī neatbalsta nevienu no SVG 1.1 SE specifikācijā aprakstītajiem filtra efektiem.

    Pārlūks Versija Platforma Rezultāts
    Maxthon 4.4.6.2000 Android
    CM pārlūks 5.1.94 Android

    Konqueror ir noklusējuma pārlūkprogramma KDE, kas ir viena no populārākajām Linux darbvirsmas vidēm. Iespēja veikt SVG failus Konqueror ir atkarīga no atveidošanas dzinēja. Ar WebKit iespējota mūsu testēšana SVG tika sniegta pareizi. Tomēr Konqueror noklusējuma attēlveidošanas dzinējs KHTML nepietiek ar vairākām funkcijām: filtra efekti netiek piemēroti pamatā esošajiem objektiem un insultu gala marķieriem, un teksts gar ceļu vai rakstu objektiem vispār netiek sniegts.

    Pārlūks Versija Platforma Rezultāts
    Konqueror KHTML 15.04.2 Linux

    Secinājums

    Mūsu testā mēs koncentrējāmies uz SVG formāta atbalstu mūsdienu tīmekļa renderēšanas dzinējos. Mēs pārbaudījām 4 galvenos izciršanas dzinējus un 15 dažādas pārlūkprogrammas, ieskaitot populāros, piemēram, Maxthon vai Dolphin. Gandrīz visas pašreizējās pārlūkprogrammu versijas iziet caur mūsu pārbaudi, un ir grūti izvēlēties galīgo uzvarētāju.

    Šķiet, ka atbalstu un pareiza filtru primitīvo kraušana ir pēdējais izaicinājums mūsdienu izciršanas dzinējiem. Kad mēs salīdzinām mūsu sākotnējo SVG attēlu ar visiem sniegtajiem rezultātiem, mēs subjektīvi izvirzām IE 11 (Trident dzinējs) pirmo vietu.

    Tomēr ir skaidrs, ka Blink dzinējs ir cieši saistīts, un tāpēc mēs iesakām pārlūkprogrammu Blink, lai padarītu SVG failus. Ja vēlaties veikt savu iecienītāko pārlūkprogrammas ātru pārbaudi, lūdzu, izmantojiet mūsu SVG atveidotāja testa lapu šeit.

    Redaktora piezīme: Šis amats ir uzrakstīts uz Michk Rostu. Michal darbojas kā programmētājs biomedicīnas uzņēmumā, bet savu brīvo laiku velta atvērtā pirmkoda lietotņu un bezpeļņas interneta portālu izstrādei. Viņš ir scalablegfx dibinātājs. Viņu varat atrast čivināt.