poniedziałek, 16 listopada 2009

Ubuntu: legalna wirtualizacja Windows XP, Vista z różnymi wersjami IE


Tworząc strony internetowe, bardzo ważne jest, by były homogeniczne.
Niezależnie, od używanej w danej chwili przeglądarki internetowej, strona powinna wyświetlać się w sposób jak najbardziej zbliżony do pierwowzoru!

Jest to nie lada wyzwanie.
Pracując na Ubuntu wielką zaletą jest brak IE ;)...
Niestety dla twórcy stron internetowych jest to niedogodność (z punktu widzenia powszechności tego programu i niezgodności z standardami ;)).

Na szczęście jest coś takiego jak wirtualizacja
Ponadto Microsoft udostępnia do pobrania za darmo(!) wirtualne obrazy Windows:

Poniższy opis instalacji Virtual Box, konwersji obrazów .vhd -na .vmdk oraz instalacji sterowników do karty sieciowej pod procesory z rodziny AMD zaczerpnięty jest z ubuntuforums.org

1. Pobierz potrzebne pakiety virtualbox qemu wine:
apt-get install virtualbox qemu wine

2. Pobierz darmowy obraz VPC z interesującą nas wersją Internet Explorer.
http://www.microsoft.com/Downloads/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en

3. Rozpakuj pobrane pliki.

4. Skonwertuj obraz VPC na VMWare (który jest kompatybilny z Virtual Box)
qemu-img convert -f vpc image.vhd -O vmdk image.vmdk

5. Uruchom Virtual Box i utwórz nową wirtualną maszynę wybierając podczas instalacji utworzony wyżej obraz wirtualnego dysku

TYLKO DLA POSIADACZY AMD

Po uruchomieniu wirtualnego XP brakuje sterowników dla karty sieciowej by móc nawiązać połączenie internetowe.

1. Pobierz sterowniki do AMD PCnet drivers here:
http://www.amd.com/us-en/Connectivit...5E2486,00.html

2. Utwórz obraz z pobranymi plikami używając np. Brasero.

3. Zamontuj utworzony obraz ISO w wirtualnej maszynie i zainstaluj sterowniki.

To wszystko, miłej deWWWeloperki ;)
Pozdrawiam!

Epika: Webmaster vs. przeglądarki Microsoftu


Problem z rozbieżnościami w interpretacji standardu W3C jest powszechny, tym bardziej jeżeli mowa o różnych wersjach Internet Explorer.

Wszystko było by "prawie" OK, gdyby nie fakt że teraz oprócz reliktu internetu jakim jest IE6 musimy się jeszcze borykać z IE7 i IE8, które również ważą sobie lekce standardy (ale już w mniejszym stopniu)

Na domiar złego każda z nich teraz ma ok 33% "rynku IE" (tak przynajmniej wskazują statystyki na jednym z moich infoportali lekarz Kraków czy dentysta Kraków)

Na szczęście problem (nie) homogenizacji, nie jest żadnym novum i w internecie można znaleźć wiele sposobów na IE.

Najgorsze w tym wszystkim jest to że tworząc strony internetowe pod systemami z rodziny Linux trudny jest dostęp do przeglądarek IE. Korzystając z Wine "można dostać oczopląsu".

Jakie ewentualności pozostają...?
Otóż jest ich kilka:

  1. browsershots.org - narzędzie pozwalające sprawdzić jak Twoja strona wygląda nie tylko w różnych przeglądarkach ale również na różnych systemach operacyjnych (Linux, Windows, Mac OS, BSD).
    Zaletą tego rozwiązania jest liczba dostępnych przeglądarek.
    Wadą natomiast jest to, że można wykonać tylko dwa zrzuty ekranu dla pojedyńczej strony dziennie oraz to że dłuższą chwilę należy czekać na wynik.
    Jest to bardzo dobre rozwiązanie do sprawdzenia już "gotowych" stron internetowych.
  2. browserlab.adobe.com - fantastyczne narzędzie od Adobe.
    Pozwala na porównanie wyświetlania się strony w kilku wersjach popularnych przeglądarek internetowych. Całość odbywa się dużo szybciej aniżeli w sposobie pierwszym. Dodatkowo mamy możliwość przedstawienia widoku w trzech trybach:
    • pojedyńczym
    • dzielonym - strona wyświetlana jest w dwóch blokach obok siebie
    • maski - wyświetlana strona nachodzi na siebie (świetnie ukazuje drobne różnice w wyświetlaniu strony)
  3. Wirtualizację Windows XP lub Vista z wybraną wersją IE została opisana w poprzednim poście. Dodatkowo można posiadając własny wirtualny obraz XP/Vista pobawić się z taką przyjemną zabawką jak: http://www.spoon.net/Browsers/
Czy ktoś z Was - drodzy czytelnicy - zna inne sposoby dbania o prezentację widoku na różnych przeglądarkach internetowych (patrz IE)?
Pozdrawiam.