Velký test odolnosti browserů na "moje HTML"

30.6.2010 16:00 | Přečteno: 1594× | (snad) smysluplné | poslední úprava: 30.6.2010 16:00

Předem bych chtěl upozornit, že rozkliknutím tohoto zápisku k sobě natáhnete 3.5MB obrázků! Včera jsem se konečně donutil, napsat si aspoň provizorní stránku. Protože jsem to potřeboval mít hotový "cobydup", své rozpracované stránky s externím CSS jsem jako základ zavrhnul, protože už si nepamatuju která věc mi tam co dělá a vrátil jsem se k nejjednoduššímu způsobu a to "naflákat to všechno do tabulek", zbytek řešit CSSkem "natvrdo", případně prasárnama typu <big>, podmínkama s javascriptem pro IE a podobnejma "berličkama". A co na to browsery?

Kwrite, Gimp a firefox, nic víc jsem nepoužil, hodil jsem to na server a doufal, že když to jede ve FF, Opera to zkousne bez větších odchylek (fakt už to pro ní nikdy nebudu "dolaďovat" aby to vypadalo na 99% shodně jako kdysy) a IE aspoň tak, aby když to bude vyloženě strašný, šlo to v nejhoršim vyřešit nejakou podmínkou i za cenu zkopírování celýho upravenýho kódu.

Musím uznat, že jsem byl velice příjemně překvapen, výsledek totiž značně předčil všechna moje očekávání. K testu jsem použil Browsershots.org, kde jsem vybral pár prohlížečů napříč operačníma systémama. Tak jdem na to... .. .

Jako první si vezmem MacOS.


Safari 5.0 - MacOS 10.5
Všechno je tam kde má bejt, všechno roluje, nic nechybí.


Camino 2.0.3 - MacOS 10.5
I tady bylo podle očekávání všechno v klidu, na screenshotu chybí "srdíčka",
ale předpokládám, že prohlížeč <blink> umí, jen je to trefený při "bliknutí".

Přejdeme tedy rovnou na GNU/Linux


Konqueror 3.5.10 - Debian Testing "Lenny"
I tady se to i přes viditelný potíže s fontem dá skousnout, žádnej "rozhoz" a to je hlavní.


Konqueror 4.4.2 - Ubuntu 9.10 "Koala Kořala"
Podle očekávání se čtyřková řada chová stejně jako trojková.
(mně překvapilo že "srdíčka" jsou vidět, protože můj Konqueror
všechno v tagu <blink> úplně ignoruje.)

Nejširší škálu prohlížečů tu mám pro Microsoft® Windows®


Firefox 3.6.3 - Windows® XP
Podle předpokladů, všechno O.K.


Opera 9.80 - Windows® XP
Musim uznat, že tady to bylo příjemný překvapení.


Chrome 5.0.3.375.86 - Windows® XP
Apple Webkit i tady vykresluje v pohodě, bohužel je zmenšený okno prohlížeče.


Netscape 8.1.3 - Windows® XP
Zde taky bez nějakých exscesů, pouze se stránka o pár px nevejde do 1024, jako u Konqueroru.


Windows® Explorer® 8 - Windows® XP
I tady to vypadá relativně stejný, z čehož mam asi největší radost.
(Drobný újezd vpravo - stará křeč exploreru s chápánim tabulek)


Microsoft® Internet Explorer® 6 - Windows® XP
Relativně O.K., proč ale zmenšil ty kolečka, to se mně neptejte, týhle anomálii
nerozumim, možná by pro pochopení pomohlo dát tabulce border="1".

Perlička na závěr: FreeBSD


Kazehakase 0.5.4 - FreeBSD 7.1
Tak tady upřímě nevim, co si mam myslet. Background-image prostě neni a z toho zbytku toho moc poznat nejde...


Dillo 2.0 - FreeBSD 7.1
Tohle je už bohužel nad rámec mého chápání, nazval bych to "katastrofa", ale možná mi to někdo vysvětlí...


Nevybíral jsem různý "deriváty velkejch prohlížečů", prostě jenom ty masově nejrozšířenější záležitosti napříč platformama. Záměrně jsem se taky vyhnul emulátorům mobilních průhlížečů, protože je mi jasný, že tam ty tabulky dopadnou vždycky katastroficky. Pokud se vám stránka devonrex.cz zobrazuje nějak exoticky, nebo používáte nějakej exotickej prohlížeč, hoďte prosím screenshot do diskuse. Pokud si všimnete nějakýho kapitálního bugu a to včetně angličtiny, dejte mi prosím vědět, je to sice provizorium, ale... .. .

Doufám, že jestli vás to nebavilo, aspoň jste si udělaly letmej ale ucelenej přehled o různosti vykreslování webů různými prohlížeči.        

Obrázky

Komentáře

[Fluttershy, yay!]

Kazehakase 0.5.8 @ Arch Linux -- úplně v pohodě. A tohle už místy vypadá jako kočky, sice křížené s netopýrem nebo fenkem, ale kočky!

[=^..^= AmigaPower®]

Hoď sem screena, dík.

[kotyz]

Přílohy:

• kaze1.png (580908 bytů)
• kaze2.png (628551 bytů)
• kaze3.png (494164 bytů)

kolibac se k tomu nema, tak to udelam ja ...

vypada to stejne jak ve firefoxu a i to blikani funguje.

[=^..^= AmigaPower®]

Nevypadá, licence je rozhozená

[kotyz]

jak?

[kotyz]

pismo je patkovy, neobtezoval sem se hrabat v nastaveni ...

[Fluttershy, yay!]

Přílohy:

• kazahakase.png (417008 bytů)
• seamonkey.png (432294 bytů)

Na to jsem moc shnilý, nebo nejsem?

[=^..^= AmigaPower®]

Dík

[kotyz]

ale ja to sem dal driv!

[kotyz]

Přílohy:

• arora1.png (606820 bytů)
• arora2.png (626917 bytů)
• arora3.png (520263 bytů)
• midori1.png (605661 bytů)
• midori2.png (621568 bytů)
• midori3.png (621568 bytů)

vcera sem zkousel kazehakase, ale nelibil se mi, tak sem ho zas odinstaloval.

muzu sem hodit screeny z arory a midori (sou na pokracovani, muze si je nekdo slozit v gimpu dohromady ). jeste poznamka na zaver, ty srdicka neblikaji ani v midori ani v arore.

[=^..^= AmigaPower®]

...dva poslední máš stejný, hele, dělá ti to defaultně ve všem na Linuxu bezpatkový písmo?

[kotyz]

ja si nastavil ve vsech prohlizecich aby mi to jako default pouzivalo DejaVu Sans

[kotyz]

osobni preference, mam to pismo proste rad ...

[kotyz]

Příloha:

• midori4.png (524251 bytů)

sakra, sem u toho tretiho screenu midori zapomel zmacknout "novy snimek" takze to ted napravim ...

[kotyz]

Nevybíral jsem různý "deriváty velkejch prohlížečů", prostě jenom ty masově nejrozšířenější záležitosti napříč platformama.

tak co tam sakra dela kazehakase a hlavne dillo, ktery nikdo (normalni) nepouziva a nejspis ani nezna

[=^..^= AmigaPower®]

To je "perlička na závěr" a rozhodně né deriváty.

[JanikT]

Nejnovější beta Opery, stejný jako tvůj screenshot, naprosto v pohodě, Archlinux

[=^..^= AmigaPower®]

Dík

[kotyz]

Přílohy:

• opera10.11.png (633985 bytů)
• opera10.60.png (628812 bytů)

u me taky, jak "stabilni" opera 10.11 (na widlich je posledni stabilni uz 10.54, ta pro linux nebyla) tak beta/rc 10.60 (nevim presne jestli je to ta uplne nejnovejsi, deset-sedesatek sem mel uz nekolik (taky je tam patkovy pismo, protoze ji nemam este nakonfigurovanou, takze je tam jeste default) ).

[Václav HFechs Švirga]

Přílohy:

• dillo1.png (438457 bytů)
• dillo2.png (438687 bytů)
• dillo3.png (404460 bytů)

To dillo máš nějaký rozbitý. Sem si teď přeložil nejnovější verzi (2.2) a vypadá to úplně stejně jako všude. Akorát teda nefunguje blink.

Ale jinak oproti tomu co jsem zkoušel kdysi dávno docela pokrok :). Jiné weby jsou tam rozpadlé pořád, ale míň. Je viděť, že nějaké CSS základy to už zná. A v todo mají tuším display u css, pak by to mohlo začít umět bloky...

[Václav HFechs Švirga]

(display, float, width, clear a podobné by to chtělo dodělat pořádně)

[kotyz]

mozna ten screen je jeste z jednickovyho dilla. nicmene tohle me prijemne prekvapilo. ja zkousel v dillu (2.2) abicko a roota a vypadalo to desne, snad jeste hur nez to co predved links -g (tam sice neco uplne chybelo, ale aspon to bylo prehledny a ne takovej chaos jako v dillu). holt css je css ...

[Václav HFechs Švirga]

Přílohy:

• glinks1.png (467487 bytů)
• glinks2.png (473512 bytů)
• glinks3.png (432155 bytů)
• links.png (115858 bytů)

Sem udelal screeny devonrexe v linksu -g a i v textovem linksu :). Nejnovejsi verze 2.2.

[Václav HFechs Švirga]

kecam, 2.3pre1

[kotyz]

v tom grafickym linksu to vypada necekane dobre! a textovej links s elinksem podavaji svy standardni vykony ...

[Václav HFechs Švirga]

To jsou ty tabulky :).

[=^..^= AmigaPower®]

Links nejhustší!!! Jen text, ale nic nezkurvil!!!

[R]

Dildo (:D) 2.0 este nepodporuje CSS.

[kotyz]

ja myslel ze ma aspon polovicni podporu CSS1 ...

[Václav HFechs Švirga]

Urcite neco podporuje. Vsak si to zkus .

[Václav HFechs Švirga]

Jinak o 2.0 sem nemluvil, to byla nejaka 2.2.

[gtz]

Příloha:

• cats1.jpeg (183292 bytů)

Google Chrome 5.0.375.70 beta, Open-Suse 11.2 , celkem slušné i když něco se pomaleji natahovalo.

[gtz]

Přílohy:

• cats2-Opera-10.10.jpeg (201028 bytů)
• cats3-arora-0.10.2.jpeg (208618 bytů)

Ještě Arora 0.10.2 a Opera 10.10, vše v OSS 11.2

[MaFy]

Teda, klobou dolu pred Amigou... Prima reseni, jak zvysit navstevnost

[=^..^= AmigaPower®]

Návštěvnost je mi tak akorát k hovnu, nemam na webu zatim ani tu mrdku na indexování od googla, když je to provizorní stránka...

[MaFy]

V klidu Ten smiler na konci znamenal nadsazku

[houska]

pekny fotky, ty nahaty kocky se mi moc nelibi, ale tyhle jsou fajn

ta "rodinna" je super a Domenica je takova mazliva :)

... asi na me jde PMS nebo co ... jeste aby me zacaly bolet bradavky ...

[kotyz]

lol

[=^..^= AmigaPower®]

Já nevim kam všichni chodíte na ty "nahatý kočky" (čtyřnohý), já je nikdy neměl.

PMS je něco jako post menstruační syndrom?

[kotyz]

PRE menstruacni syndrom. je to z it crowdu, ale tam to bylo jako PMT - pre menstruacni tenze ...