Reszposzív oldalak tesztelésére a legkézenfekvőbb módszer a böngészőablak méretének változtatása. Ez nem teljesen bomba-biztos de általában kielégítő megoldás. Aztán persze érhet meglepetés, ha megnyitod az oldalt egy másik eszközön.

A Responsivator egy olyan gitHub project, illetve eszköz, ami a kérésedre kinyomja neked ugyanazt az oldalt különböző méretekben. Az előre meghatározott arányok népszerű készülékeken alapulnak (Pl.: iPhone, iPad, Nexus 7 stb.). Hozzá kell tennem, szerintem nem annyira ajánlatos készülékekből kiindulva tervezni. Egyszerűen ott határozzunk meg egy töréspontot, ahol az összenyomott elemek vizuálisan vagy funkcióban gyengélkedni kezdenek. Referenciának viszont remek, ha így meg tudjuk nézni az oldalt pár másodperc alatt.

Persze ha lehetőség van rá, teszteljük az oldalt minél több valódi készüléken és büngészőben, mivel - a méret kérdésen kívül is - másképp renderelhetnek a különböző böngésző motorok. Tipikus reszponszív probléma, amibe bele lehet futni, hogy elsőre jól renderel az oldal, de mégis enged jobbra vagy balra navigálni a készülék, mert van valamilyen rejtett margin vagy elem a fő kontenten kívül, viszont ezt az extra helyet nem minden böngésző tartja fenn, tehát tervezéskor lehet, hogy nem veszed észre. Ilyenkor kemény Inspect Element vagy Firebug mazsolázás jöhet segítségül.