Jak w Firefox podejrzeć mobilny szablon danej strony? Zmiana nagłówków http

///Jak w Firefox podejrzeć mobilny szablon danej strony? Zmiana nagłówków http

Jak w Firefox podejrzeć mobilny szablon danej strony? Zmiana nagłówków http

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!

Skomentuj wpis

komentarzy

By | 2015-02-28T11:43:47+00:00 Listopad 4th, 2013|Newsy ze świata IT|0 Comments

About the Author:

Leave A Comment