Optimalizováno pro..
IE5, IE5.5, IE6, IE7, IE8, Firefox 1.5, Firefox 2, Firefox 3, Opera, Safari, Lynx.. to už chce nějaký systém vývoje a odlaďování webu.
.. svatou Xtici. Původní svatá trojice se nám pomalu rozšiřuje o další a další kousky. Na nějakém webu jsem se dočetl, že webdesignéři vzhlížejí k nástupu IE8. Ve mě IE8 vyvolává tak leda hrůzu z ladění pro další prohlížeč navíc. Stejně tak Firefox 3.0 (který by měl být postaven na novém Gecku 1.9 a čert ví, jak moc bude nebo nebude zpětně kompatibilní).
Mýtu, že IE6 bude do roka a do dne nahrazen IE7čkou, už snad věří jen největší optimisté. IE7 sice bude šířen automatickými aktualizacemi, ale díky ověření pravosti Windows bude instalován převážně korporátním zákazníkům, uživatelům s notebooky a několika málo legalizovaným jednotlivcům. Masa BFÚ pojede stále na IE6. I kdyby existovala nějaká možnost jak nainstalovat IE7 i na nelegálních woknech – proč by to nějaký BFÚ dělal?
Vývojový cyklus pro více prohlížečů
Malarkey publikoval fajný postup, jak on sám ladí web pro více či méně minoritní prohlížeče. A tak jsem se nechal inspirovat a blognu svůj vlastní postup.
- Firefox 2.0
- IE 6.0
- poslední Opera
- IE7 Standalone
- zbytek, je-li potřeba
Začínám Firefoxem – je to můj základní prohlížeč pro vývoj a prohlížení webu (tady by mnozí začali Operou.. a je mi to šumák). Následuje IE 6.0, protože používám rozšíření IE tab a k Exploreru se tudíž dostanu jediným klikem, aniž bych vypínal Firefox.
Následuje letmo poslední verze Opery (uživatelé Opery naštěstí používají převážně poslední verzi) – tento prohlížeč zobrazí většinu situací podobně, či zanedbatelně jinak, jako Firefox. Poslední prohlížeč bývá IE7 standalone – budu používat standalone dokud nebude IE7 šířen automatickými aktualizacemi i u nás.
A proč neladíš pro…
Safari? Nemám Mac, jednou za čas se mrknu na weby pod Safari ve škole a v 99% případů není se Safari potíž. IE5 a IE5.5? Jak to říct slušně.. prdím na starší IE, pokud je klient vysloveně nepotřebuje. Jak jste na tom vy?
Komentáře
Frontpage 2003 (IE6) + Firefox 2 (blik sem, blik tam) > Opera (většinou funguje) > (a pak už funguje vše, protože nedělám žádná harakiri).
No, já ladím pro ty samé co ty. A jaký je rozdíl mezi IE7 a IE7
standalone ve funkčnosti?
Já totiž nemám legální Win (ale chystám se koupit Vistu až bude
dostupná) a tak bych nejspíš nemohl mít IE7 nestandalone (i když ono to
jde určitě nějak obejít).
Teď mám IE7 standalone a IE7 bude mít stejné vykreslování, ne?
Tak ja jdu od nejjednodusiho k nejtezsimu tedy nejprve Operu, jelikoz ji pouzivam pak mrknu do Firefoxe, ale tam to je z 99% ok, takze rovnou prejdu nyni k IE7 a jelikoz se snazim delat weby co mozna strukturove nejjednodusi, tak to vecinou zkousne stejne CSS jako Opera s Firefoxem, ale samozrejme par veci se opravit musi. No a pak pomoci hlavicky zjistim jestli se jedna o IE6 a starsi a tem udelam zcela novy CSS. Nakonec pak jen pro srandu kouknu do Amayi a opravim pripadne kriticke chybe, na ktere te tento editor/prohlizece upozorni.
Safari ladit bohuzel nemuzu, takze ted vzhlizim k Swiftu jaka si adaptace Safari na Windows, bohuzel vyvoj tohoto prohlizece pokulhava, takze si jeste na to pockam…
Začínám stejně jako ty s FF 2.0, pak IE7 a IE6 (nebývají problémy, shazuji si je do quirku). Následuje IE 5.5 (pro ten optimalizuji prakticky vždy). Pokud je to nutné, tak i pro IE 5.0. Nakonec zkontroluji web v Opeře 8+, nižších verzích FF, Mozille a lynxu.
Tak ja mam uplne stejny postup. FF + IE6/7 + Opera.. Nic dalsiho nemam. Mac nemam, neznam, nepouzivam, tak jen doufam, ze to neni extra rozbite.
PS: IETab je nutnost od odby, co mi po otevreni IE zamrzne cely PC :)
opera+FF vedle sebe auto obnoveni po 5s..podtim okno PSpadu abych zaroven videl vsechno..obcas prepnu na IE..
Pokiaľ ide o Safari, niekedy je možné trafiť na trošku odlišný výpočet veľkosti písma. Ale kto nerobí šialené prevody veľkostí písma v rámci dedičnosti, nemal by mať problém.
Potom je v Safari rozdiel oproti Gecku v počítaní šírky pri floatovaných elementoch. Nepamätám sa presne na situáciu, ale ide asi o prípad, kedy sú vo vnútri floatovaného rodiča dva alebo viac floatovaných potomkov, a niektoré sú floatované na jednu stranu, iné na opačnú. Firefox roztiahne rodiča na 100% šírku, Safari na minimálnu šírku (šírku obsahu). Tak isto sa správa aj Opera takže ak ladíte pre Operu, no problem.
(neviem, či som presne trafil situáciu – ak sa s ňou niekto stretol, napíšte, pokiaľ sa mýlim v čomkoľvek)
A aby som odpovedal na otázku… Ladím pre Safari 2.x, Firefox 1.5, posledná Opera, IE 6.0, IE 7 standalone. IE 6 zhadzujem do quirksmódu takže sa spolieham, že weby sa vykreslia bez väčších problémov aj v IE 5+.
Ale moje ladenie závisí dosť od klienta. Niekedy plánuje použiť napríklad moofx skript, ktorý nefunguje v IE6 v quirksmode, takže musím zmeniť spôsob ladenia.
Držím se stejného postupu, akorát používám ještě Firefox 1.5, protože ve dvojce mi nefunguje spousta rozšíření. PO dokončení první verze pak najednou ověřím vzhled v IE 5.01 a 5.5. Akorát bych se pozastavil nad tou Operou, ač taky testuju a zajímám mě především poslední verze resp. 9.0 (novější nemám) tak podle statistik, vím, že hodně Operáků používá i starší verze a to dokonce i 7.x řadu, ale opravuju jen ty nejzávažnější problémy v Opeře 7.53 ;o)
Pro zjištění, jak vypadá webová stránka v Safari, můžete použít iCapture na adrese http://www.danvine.com/icapture/.
Nejsem kodér, ale kdyby, tak bych asi používal Browsercam, je tam i VNC přístup, takže lze snadno otestovat i interaktivní prvky. Je to teda za prachy (pokud se nechováte sockoidně a neregistrujete se každý den na jiný mail), ale nikterak strašný.
Můj postup je většinou takový, že každou novou konstrukci hned kontroluji v Opeře 9, FF 2/1.5, IE6 a IE7 a snažím se vyřešit problémy rovnou, ne až na konec, kde se zjišťují příčiny obtížněji.
Na IE 5 a 5.5 koukám jenom z otázkou „lze přečíst text a používat navigaci?“. Pokud někde nesedí grafika, je mi to šumák.
Starší verze Opery nekontroluji, i když se liší – uživatelé mívají poslední verzi.
Pokud je třeba, tak KHTML kontroluji na Linuxu v Konqueroru, případně na školním Mac Mini v Mac OS X.
Naprosto stejný postup jako Petr Stříbrný. V IE5.5 se snažím odladit
i grafiku (ale nemusí to být pixel-perfect) a IE 5 jen tak, aby se nic
neschovalo a dalo se vše použít.
Jak psal Miky – pokud je to OK v Opeře, je to většinou OK i ve Firefoxu
(až na nikdy nekončící boj s rozsáhlejšími formuláři).
Ono se snadno říká „pro IE 5 ladím tak, aby se nic neschovalo a dalo použít“, ale když má zákazník Win98/IE5 a přeje si třísloupcový fluidní layout, je to docela legrace. :o)
Nejdůležitější je pro mne Firefox (mám verzi 1.5.0.8) skoro současně
s Internet Explorerem 6 (režim standard samozřejmě). Jestliže se stránky
v této kombinaci zobrazí na pixel shodně (layout), pak je téměř vyhráno
a jen letmo zkontroluji v Opeře 8.51 + IE 7 standalone.
Ve Firefoxu ještě ladím vzhled bez stylů.
P.S. Zjistil jsem, že Opera 8.51 zobrazí v modu celé obrazovky stránku bez
stylů, pokud při linkování stylu neuvedete médium „projection“ ..trochu
nepříjemně mě to překvapilo.
Primárně Opera, potom Firefox 1.x (většinou nebývají problémy) a následně IE6 standard.
Prohlížeče na Linuxu a IE7 testuji na virtuálních počítačích (IE7 na Win2K nerozjedu)
Na IE5 kašlu, když to není vyloženě potřeba…
U nás donedávna platilo vyvíjet web pro poslední FF a IE6, pak zkontrolovat IE5 a IE5.5. Začali jsem používat AJAXové věci, takže jsme opustili IE 5. Začali jsme testovat pro IE7.
Já optimalizuji pro Operu, pak pro IE a nakonec pro FF. A pro IE nezapomenu vložit Get Opera :-D
[16] gwh: quirk režim nepoužívám, kvůli chybnému box-modelu. Layout stránek se mi pak rozjížděl oproti FF (a _hacky nebo dvojí styly nepoužívám). Ve standardu nemám problém.
Asi jako většina lidí kontroluji web všemi dostupnými prohlížeči. Snažím se dělat validně, známým bugům prohlížečů se vyhýbat a většinou problémy nejsou.
[22] Tímto prohlížečem se nezabývám. Ikdyž je pravda, že ho stále
relativně hodně lidí používá (1–2% nebo kolik). Ale co za pár let?
Vývoj jde kupředu, ale pořád bude existovat mizivé procento strojů
s win98 a IE5. Mám se tím stále trápit a přidělávat práci? A k tomu
ještě třeba přibude IE8, FF3…
Vím, je to trochu sprosté, ale kašlu na uživatele s IE5.
Ja ladim na:
IE5, IE5.5, IE6, IE7, Firefox 1.5, Firefox 2.0, Opera 8, Opera 9 a Mozilla 1.7 :)
Trident: IE5, 5.5, 6, 7 do quirku + podmíněným komentářem extra stylopis
Gecko: Mozilla 1.0+, NN7 (předchozí dva pouze pro dobře platící zákazníky – přeci jen to je občas maličko obtížnější), FF všechny, NB 8.1
Presto: Opera 7.5+, Opera 7.0 (tuto stařešinu opět jen na vyžádání)
KHTML: Safari 2.0, Konqueror 3.5
Texťáky: Links
Čtečky: JAWS
Do ostatních (Epiphany, Camino, Dillo, Galeon, SeaMonkey, OmniWeb) jen kouknu, často mají stejná vykreslovací jádra jako některé z předchozích prohlížečů. Nebývají větší problémy.
Jsou taky takové prohlížeče, jimiž se nezabývám, protože jsou prostě špatné. Mezi takové řadím IE/Mac (jádro Tasman je… inu…) a iCab. Nedívám se do Amayi a jen po očku kontroluji, jestli Shiira opravdu zobrazuje stránky identicky jako Safari.
Ono optimalizovat není těžké, ale chce to spoustu (opravdu spoustu!) času stráveného hraním si s jednotlivými prohlížeči a jejich drobnými „úchylkami“. Já prohlížeče miluji, takže testování a ladění stránek je pro mě spíše zábavou než prací.
Komerční weby jsou třeba pro mne trošku něco jiného, ale když dělám jen něco pro sebe tam mi stačí aby to pěkně běželo v poslední Opeře a posledním Firefox (velká většina uživatelů pravidelně upgraduje) a MSIE 6 a teď nově WIE 7. Kontroluji přesně v tomto pořadí s tím, že buď po nějakých větších úsecích nebo i celých stránkách.
Možná bych měl být důslednější… uvidíme, uvidíme
Co jsem četl na webu Microsoftu, tak by mělo platit to, že legální uživatelé Windows si mohou vybrat, zda IE7 instalovat či ne, ostatní jej dostanou pomocí automatických aktualizací „povinně“.
[27] – pokud je mají zapnuté :)
MSIE 7 – mám nainstalovanou nějakou versi MSIE 7 ve standalone versi a potřeboval bych zjistit, zda jde opravdu o finální versi IE7 nebo ne, protože mám podezření, že je to pouze nějaká beta a informační okýnko Help → about IE mi nejde spustit
Ad BFU – myslis, ze BFU nemaji legalni Windows? Ja mam prave pocit, ze
vetsina opravdu BFU je legalni ma, pac je koupila rovnou nainstalovane na
pocitaci a vlastne ani nevi, kde ty ilegalni sehnat (pokud jim je tedy neda na
cd nejaky znamy – nonBFU). Pricemz zdruhe strany zkuseni uzivatele, co na to
maji (cti: maji cca 2–3 tisice v penezence navic) je maji take originalni.
Takze ilegalni maji pouze ti mezi – co prisli na to, jak se da vypalovat a
zaroven jeste neprisli na to, co se ma vypalovat a co kupovat.. tech je sice
hromada, ale rici o nich, ze jsou to BFU, by je mohlo urazit :-D
[30] ty jsi z hodně levného kraje, XP pro CZ něco přes 4 litry, + total commander a další sw s tím se do 2 – 3 tisíc nedostaneš, protože holé windows bez sw téměř nic neumějí…
30:
Nejsi nahodou jednen z tech, kteri davaji rovnitko mezi XP a „XP pro“? Ony
tu totiz jsou jeste XP home, ktere
- jsou pro BFU naprosto dostatecne (a v naproste vetsine pripadu i pro zkuseneho uzivatele)
- opravdu stoji onech +/-2300 (a ne, nejde o zadnou OEM licenci)
Misto total commanderu lze pouzit napr. Servant Salamander, jehoz starsi verze je freeware a pro zakladni praci zcela dostacuje.
31:
Korele, chudacku, kam ti ten zly filosof schoval „1)“ pred „jsou pro
BFU…“ a „2)“ pred „opravdu stoji tech…“?
Velmi zabavne, jak lide testuji FF 1.5 i FF 2.0. Vzdyt to je uplne zbytecne. Jadra jsou skoro totozne. U FF 1.5 je Gecko 1.8 a u FF 2.0 je Gecko 1.8.1. Hlavni rozdil mezi nimi je v podpore JavaScript 1.7, vylepsena podpora SVG a par kosmetickych veci v XUL, XPCOM v novejsi verzi. Veci ktere vas zajimaji, a to CSS, (X)HTML apod., se nezmenily. Takze je uplne zbytecne mit zaroven FF 1.5 a FF 2.0.
Já ladím primárně pro IE 6, následuje Mozilla a Opera. Vzhledem k tomu, že shazuju IE do quirku, tak s 5 a 5.5 nemívám problémy a ujistil jsem se, že to je správné řešení, protože i IE 7 vykresluje moje práce víceméně dobře.