Viszonylag régóta tervezek írni egy a PHP-fejlesztéshez szükséges környezet belövéséről szóló bejegyzést. Van már néhány vázlatom és alapanyagom, de arra jutottam, hogy a legjobb megoldás jelen esetben, ha szétszedem több részre a tartalmat.
Az első témakör az Internet Explorerben és a mobil eszközön való tesztelésről fog szólni. Erre pontosan két remek megoldást tudok, amelyek abban az esetben kifejezetten hasznosak, ha az ember nem Windows alól dolgozik.
Microsoft VPC
A Microsoft korábban kiadott néhány virtuális gépet, Internet Explorerben való teszteléshez, ezeket Windows-on könnyedén futtathatjuk a Microsoft Virtual PC alkalmazás segítségével.
Linux és OS X alatt létezik egy hákolós és egy egyszerűbb megoldás a virtuális gépek beizzításához. A hákolóssal kezdem.
1. Töltsd le valamelyik virtuális gépet a Microsoft oldaláról. (Én a Windows 7, IE 9 kombót javaslom, ebben van kompatibilitás nézet, de az összeset is le lehet tölteni.)
2. A letöltött EXE állomány kiterjesztését írd át RAR-ra, majd csomagold ki egy tetszőleges helyre. (Ez nálam a /Users/gabornadai/VirtualBox VMs/
könyvtár.)
3. Az Oracle VirtualBox nevű ingyenes alkalmazását töltsd le, telepítsd és indítsd el.
4. Hozz létre egy új virtuális gépet, Microsoft Windows, Windows 7, 512 MB RAM.
5. A Virtual Hard Disk lépésnél válaszd a Use existing hard disk
lehetőséget, és töltsd be az előbb kicsomagolt fájlt.
6. Indítsd el a virtuális gépet, az Admin
felhasználó jelszava Password1
, és már használhatod is.
Az egyszerűbb megoldás: Greg Thornton készített egy ügyes kis szkriptet, amit megosztott a GitHubon, ennek segítségével a fentiek az alábbi három lépésre butulnak:
1.Töltsd le és telepítsd a VirtualBoxot.
2. Írd be az alábbi parancsot a konzolba (Windows 7, IE 9):
curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="9" bash
3. Indítsd el a virtuális gépet, az Admin
felhasználó jelszava Password1
, és már használhatod is.
Lejárt a Windows? Semmi gond, az első indításnál készíts egy snapshotot, a virtuális gép állapotát bármikor vissza tudod állítani erre a snapshotra.
Böngészőből a böngészőt: BrowserStack
A BrowserStack egy profi webes alkalmazás, ingyenesen 30 percig tesztelhetjük benne az oldalainkat szinte az összes létező operációs rendszerben, legyen szó számítógépről vagy mobil eszközről.
A háttérben egy virtuális szerver áll, így nem csak buta képernyőmentéseket kapunk, hanem VNC-szerűen tudjuk használni a távoli gépet. Nagyon bájos cucc, az egyfelhasználós korlátlan hozzáférés havi 19 USA dollár, éves előfizetésnél 10% kedvezményt is adnak.
Ha még ezzel sem vett meg, elmondom, hogy automatizált vagy akár lokális szerveren futó alkalmazás tesztelését is lehetővé teszi.
Mobil oldalakhoz egyébként az Opera és a Chrome böngésző tesztelésére is van jó eszköz, a Safarit pedig legegyszerűbben az iPhone SDK-val kapott eszközzel lehet kiválóan ellenőrizni.
Szóval, virtuális gép és böngésző; nekem van virtuális gépem, de a BrowserStack előfizetésen is gondolkodom, habár annyira sokat nem kell Internet Explorerben tesztelnem, hogy indokolt legyen. Ha tesztelő lennék, vagy sokat szájtbildelnék, akkor viszont tuti beruháznék.
Kérdés, kiegészítés vagy megjegyzés jöhet.
v150r
2012. december 28. — 16:05:19
korrekt és hasznos, köszi 🙂
Szekeres Barnabás
2012. december 28. — 16:30:06
Remek bejegyzés.
Egy kis tipp, kiegészítés, esetlegesen új információ, vagy ahogyan mi csináljuk:
Ha több böngészőre fejlesztünk, akkor érdemes használni ezt: http://livereload.com/
Minden egyes mentéskor frissíti az összes böngészőt, akár más device-on is. Ez rendkivül meggyorsítja a frontendes fejlesztés, főleg ha párhuzamosan több platformra fejlesztünk.
Más: sokan nem tudják de: https://dl.dropbox.com/u/13711660/Files/Screen%20Shot%202012-12-28%20at%2016.28.12.png
Mefi
2012. december 28. — 16:53:16
[re=6066987]Szekeres Barnabás[/re]: igen, a kompatibilitási módot említettem is, habár nem árt vele vigyázni. Ami még hasznos frontend-fejlesztések során, az a ReloadCSS/ReloadJS kiegészítés Firefoxhoz, amivel nem kell az egész oldalt újratölteni a CSS módosításához.
saxus
2012. december 30. — 21:03:35
Ha már OSX, akkor miért nem Parallels?
Mefi
2012. december 31. — 00:16:20
[re=6066995]saxus[/re]: nem nyílt forráskódú, nem ingyenes. Más okom nincs rá. 🙂