Microsoft Expression Web SuperPreview – testování webu v různých prohlížečích

21. 3. 2009  •  Petr Brádler  •  5 komentářů 

Při kódování webových šablon je zajisté jedna z nejvíce frustrujících věcí neustálá kontrola ve všech možných internetových prohlížečích a jejich verzemi. Za jakési minimum považuji kontrolu v IE6-8, poslední verze Firefox 2.x a 3.x, Opera, Sarafi 3.x a 4.x a Chrome. Na důležitějších projektech, nebo na přání klienta, je pak možné přidat IE5 a IE5.5, další sub-verze nebo otestování na Linuxových prohlížečích a přímo na Macu. Je proto potřeba mít nainstalováno mnoho prohlížečů, ve virtuálních strojích potom další verze, které se v jednom OS nesnesou, různé OS.

Základní popis

Microsoft nyní přichází s novinkou, která by mohla všechno toto testování značně ulehčit. Microsoft Expression Web SuperPreview, jak zní plný název, je nástroj, který dokáže v jednom okně zobrazit náhledy na webové stránky při použití různých prohlížečů s jejich renderovacími schopnostmi. Jedná se o beta verzi, takže nemusejí být některé funkce dotažené do konce a některé mohou chybět úplně.

Expression Web SuperPreviewExpression Web SuperPreview

Microsoft nabízí jak bezplatnou (250 MB), tak placenou verzi. V bezplatné verzi jsou k dispozici IE6, IE7 a IE8. Záleží také jaké IE máte nainstalován jako hlavní prohlížeč. Osobně mám IE8 a proto SuperPreview nabízí místo IE7 IE8 v kompatibilním režimu. V placené verzi je možnost si přidat i další, konkurenční, prohlížeče a dostupná bude pravděpodobně až s vydáním Expression Web 3 pro PC v létě 2009. Pro Mac se zatím neplánuje. Výhodou placeného SuperPreview bude i to, že nemusíte mít Safari instalované lokálně na svém počítači a hlavně nabídne zobrazování jako na Macu (fonty, atp).

Funkce:

  • synchronní zvýrazňování prvků stránky v jednotlivých prohlížečích. Rychle tak lze porovnat například pozice nebo velikosti prvků v různých prohlížečích. Zobrazení ID, class, CSS vlastností.
  • zobrazení oken horizontálně nebo vertikálně vedle/pod sebou anebo zobrazení přes sebe, kdy je druhé okno zobrazeno průhledně a jde tak snadno najít nesrovnalosti, pokud děláte web „pixel-perfect“.
  • zobrazení pravítka a vodítek
  • možnost porovnání HTML šablony s grafickou předlohou (obrázkem)
  • lupa
  • možnost nastavit různé rozlišení
  • pohyb pomocí náhledu
Expression Web SuperPreviewExpression Web SuperPreview

Jak jsem psal výše, pokud máte nainstalován IE8, nepodporuje SuperPreview to správné IE7, ale pouze kompatibilní mód. Na ryzím IE7 módu se pracuje. Potom už bude stačit pouze jeden program a jakékoliv virtualizování pouze kvůli Internet Exploreru nebude potřeba. Osobně dnešním dnem přecházím z IETester právě na SuperPreview.

Související články

Rubrika: Software, Webdesign

Štítky: , , , ,


5 komentářů Přidat komentář RSS komentářů

  • 1 | VfB

    a co je pravdy na tom, že ten nástroj umí vždy jen jednu jedinou stránku, tj. nejde klikat na odkazy a projít více stránek na jednou ani ladit stránky, které vyžadují přihlášení (košík, klientské centrum), když si člověk tohle zjistí, tak rázem je tento nástroj sotva na půl cesty
    jinak to ladění webu podle obrázku “na pozadí” stránky umí firefox taky (s firebugem)

  • 2 | Petr Brádler

    Souhlasí. Ono je to v tuto chvíli především na ladění statických webšablon. “Síla” tohoto nástroje je především v tom, že poskytne všechny renderovací jádra IE pohromadě, potažmo v placené verzi i Firefox nebo Safari s vlastnostmi Mac OS. Třeba na tyto podněty do finální verze ještě zareagují a některé další funkce přidají.

  • 3 | Vojtěch Brzek

    Tak jsem ten nástroj vyzkoušel a přijde mi neuvěřitelně pomalý. Stránka z localhostu se načítá něco přes minutu a navíc během té doby plně vytíží procesor. Stalo se to někomu z vás také?

  • 4 | Petr Brádler

    Delší to určitě je, protože to komunikuje se servery od Microsoftu pro správné vykreslení, ale sám čekám v “duel” zobrazení cca. 5-10 sekund. Minuta je extrém. Ale dost možná to závisí na rychlosti připojení.

    Je to beta, třeba to do finální verze nějak zoptimalizují.

  • 5 | RubberDuck

    Z mého pohledu je stará dobrá ruční optimalizace lepší. Ty tři nejrozšířenější verze IE zase nejsou tolik, abych k vůli tomu instaloval takový bazmek.

Přidat komentář


Komentáře můžete sledovat přes RSS kanál.


Dinosaurus Pleo

Petr Brádler, Na volné noze
View Petr Brádler's profile on LinkedIn