Od kilku miesięcy Responsive Web Design (RWD) jest pewnym standardem. Czasem jednak należy coś poprawić w wersji mobilnej, ale nie zawsze mamy możliwość ją wyświetlić a tym bardziej zdebugować na komórce. Przeglądarka wyświetla stronę bazując na arkuszu CSS (sekcje @media) a także na podstawie zmienniej przesyłanej w nagłówku: „user-agent”. Aby wyświetlić stronę w trybie komórkowym, musimy pobrać dodatek do Firefox, który zmienia parametr user-agent w nagłówku.
Pobieramy: https://addons.mozilla.org/pl/firefox/addon/modify-headers/
Następnie po instalacji restartujemy przeglądarkę, wchodzimy w DODATKI –> MODIFY HEADERS –> headers –> ADD.
Nazwa: user-agent
Wartość (przykład dla Sony Xperia): Mozilla/5.0 (Linux; U; Android 1.6; en-us; SonyEricssonX10a Build/R1AA024) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1
Następnie włączamy dodatek ikonką START. Odświeżamy stronę. Voila!
