Jak testować witrynę internetową na kompatybilność ze wszystkimi urządzeniami

Ze swojego doświadczenia widzę że za 5-6 lat odbywa się moralne dziadzienie urządzeń komputerowych, i oni odkładąją się na półkę albo idą do śmietnika. Lecz z urządzeń, które są wypuszczone w ciągu ostatnich 5 lat, ludzie korzystają. Więc jakościowo wykonana witryna internetowa powinna pracować na nich wszystkich.

Więc, jeśli teraz 2018 rok, to jakościowa witryna internetowa musi pracować na urządzeniach wykonanych od 2013 roku do dziś. Pomyślimy nad tym. Jeśli w użytkownika Komputer Osobisty jest wyprodukowany w 2013 roku, to na nim stoi Windows 7, 8 albo 10. Na takim komputerze Firefox czy Chrome samodzielnie odnowią się do najnowszej wersji. Więc problemów z kompatybilnością nie będzie.

A co robić z telefonami i tabletami na Adroid czy iPhone. Nie wszyscy użytkownicy umieją ustalić Opera, dużo z nich nie ma profilu w GMail, odpowiednio Google Play dla nich niedostępny. A wbudowana przeglądarka jest związana z wersją systemu operacyjnego, i nie może być obnowiona na nowszą.

Więc, należy dla początku prosto przetestować witrynę internetową na Adroid i iOs za 2013 rok. A wtedy, jeśli chcesz, skorygować witrynę internetową, żeby ona dobrze pracowała na tych urządzeniach.

Teraz jest możliwość testować witryny internetowe w emulatorach, żeby nie kupować kupę urządzeń. W tym artykule dokładnie rozpisuję jak ustalić Android 4.4 na wirtualny komputer i nic nie płacić za oprogramowanie.

Jeśli przeczytać artykuł w Wikipedii o Android, to można wyjaśnić, że w 2013 roku została wypuszczona wersja 4.4.

Załadujmy plik ustalenia Android x86 4.4

android-x86-4.4-r5.iso

Teraz należy ustalić wirtualny komputer. Najlepszy na dzisiejszy czas wirtualny komputer – to Oracle VirtualBox. Jego wersja bazowa jest bezpłatna i dla prywatnego i dla korporacyjnego użycia. Załadowujemy jego z www.virtualbox.org i ustalamy.

Uruchamiamy i stwarzamy nową maszynę wirtualną.

  • Typ Linux
  • Wersja Other Linux 32 bit
  • Bez dysku twardego

 

 

 

Teraz zachodzimy w Ustawienia i nastrajamy

  • Rozmiar pamięci operatywnej 1024МB
  • Chipset ICH9
  • Mysz PS/2
  • Włączyć I/O APIC

 

 

 

  • Ilość procesorów jest równa ilości rdzeć w twoim komputerze

 

 

 

  • Pamięć wideo 128 МB

 

 

 

  • Sieć 1 – NAT
  • Karta sieciowa AMD PCNet FAST III

 

 

 

  • Bez dźwięku

 

 

 

Teraz stwarzamy nowy SATA dysk twardy objętością 4Hb. A także IDE nagrywarka. Wstawiamy u niego plik android-x86-4.4-r5.iso

 

 

 

Uruchamiamy maszynę wirtualną. Żeby wywieść mysz z maszyny wirtualnej wstecz w Windows należy nacisnąć prawy <Ctrl>.

W menu z dysku wybieramy „Installation – Install Android-x86 to harddisk”. Stwarzamy nowy rozdział na cały rozmiar wirtualnego twardego dysku. Wskazujemy typ systemu plikowego ext2.

 

 

 

We wszystkich późniejszych oknach ciśniemy Yes, oprócz „Do you want to intsall EFI GRUB2”.

 

 

Po zakończeniu ustawienia wybieramy Reboot. Wyłączamy maszynę wirtualną i wyciągamy dysk z powodu wirtualnego.

Znów uruchamiamy maszynę wirtualną. U nas powinien załadować się normalny Android.

 

 

Якщо віртуальна машина „підвисне”, то, можливо, вона просто перейшла у режим очікування. Щоб її пробудити натискаємо кнопку „Меню”:

 

 

Щоб вимкнути віртуальну машину натискаємо : <Right Ctrl> + H

 

 

 

Я в своїй роботі використовую для тестування дві віртуальні машини із різними розширеннями. Одна 1024х768х16, інша 320х480х16. Щоб дивитися сторінки на потенційному смартфоні та планшеті. Отже налаштуємо віртуальний Android під розширення 320х480х16. Вмикаємо віртуальну машину і завантажуємо Android в режимі відлагодження:

 

 

Тепер у Windows створюємо новий cmd файл із таким вмістом:

„c:\Program Files\Oracle\VirtualBox\VBoxManage.exe” setextradata „android44” „CustomVideoMode1” „320x480x16”
pause

Де „c:\Program Files\Oracle\VirtualBox\VBoxManage.exe” має містити Ваш шлях до інсталяції VirtualBox,  а „android44” має містити ім’я Вашої віртуальної машини із Android.

 

 

Запускаємо cmd файл. Він повинен відпрацювати без помилок.

 

 

Тепер переходимо у віртуальну машину із Android і вводимо команди


mount -o remount,rw /
mkdir /mnt/sda1
mount -t ext2 /dev/block/sda1 /mnt/sda1
vi /mnt/sda1/grub/menu.lst

 

Нам відкриється файл menu.lst у текстовому редакторі vi. Для початку редагування треба натиснути i . Для збереження   <Esc>:wq

Після „androidboot.hardware=android_x86” дописуємо „vga=ask”

 

 

Після збереження змін виконуємо:
umount /mnt/sda1

Вимикаємо віртуальну машину, і вмикаємо знову. Після завантаження має з’явитися список відео режимів. Знаходимо номер відео режиму із розширенням 320x480x16 і вводимо його.

 

 

Android завантажиться із розширенням 320x480x16

 

 

Щоб постійно не набирати номер відео режиму, його можна прописати замість ask у файлі menu.lst, але із префіксом 0x (наприклад vga=0x360)

Також, для кращого тестування, можна в налаштуваннях Android ввімкнути екранну клавіатуру.

Аналогічним способом можна встановлювати у віртуальний комп’ютер більш нові версії Android. Файли для встановлення Android x86 можна завантажити тут.

У подальших статтях напишу про тестування сайтів під Mac i iPhone.

21 września 2017
My photo

Cześć. Witam na mojej stronie internetowej. Mam na imię Ihor. Jestem web programistą z piętnastoletnim doświadczeniem. Pracuję online jako freelancer. Robię projekty w językach polskim, angielskim, rosyjskim i ukraińskim. Mieszkam we Lwowie w Ukrainie.