Med masser af plugins og nøglefærdige løsninger derude, kan enhver webmaster nemt vende omskifteren og aktivere mobiltemaet for deres hjemmeside. Problemet er, hvordan kan webmasteren tjekke, hvordan hans / hendes websted ligner på en mobilenhed, hvis han / hun ikke ejer en smartphone? Forhåb ikke, med lidt trickery kan du nemt bruge din stationære browser til at få adgang til dit websted og få det til at tro, at du bruger en mobilbrowser.

Hver browser leveres med sin egen brugeragent. De fleste servere bruger browserens brugeragent til at bestemme, hvor brugeren er fra, og serverer websiden i overensstemmelse hermed. Hvis det opdager, at brugeren bruger en mobilbrowser, vil den tjene det mobile tema (hvis mobiltemaet er aktiveret). Ved at ændre brugeragenten af ​​din computerspilbrowser til en mobilbrowser, kan du få serveren til at tro, at du bruger en mobilenhed.

Visning af mobil tema i Firefox

I Firefox anbefaler jeg addon til User Agent Switcher, som det er forhåndsinstalleret hos iPhone-brugeragenten, og du kan nemt skifte til det.

Når du har installeret udvidelsen og genstartet din Firefox, skal du gå til " Værktøjer -> Standard brugeragent -> iPhone ".

Nu opdateres til dit websted, og du bør se mobiltemaet i aktion.

For at tilføje Android- agenten til listen skal du gå til " Værktøjer -> Standardbrugeragent -> Rediger brugeragenter ".

Klik på knappen "Ny -> Ny brugeragent" og indtast følgende:

Beskrivelse : Android
Brugeragent : Mozilla / 5.0 (Linux; U; Android 2.2; en-gb; Nexus One Build / FRF50)
AppleWebKit / 533.1 (KHTML, som Gecko) Version / 4.0 Mobile Safari / 533.1

De resterende poster kan du beholde dem som standardværdi.

(For iPad er brugeragenten Mozilla / 5.0 (iPad; U; CPU OS 3_2 som Mac OS X; en-os) AppleWebKit / 531.21.10 (KHTML, som Gecko) Version / 4.0.4 Mobile / 7B334b Safari / 531.21 .10 )

Den næste udvidelse, du skal bruge, er Firesizer. Denne udvidelse giver dig mulighed for at ændre størrelsen på din browser til en bestemt skærmopløsning, så du kan se, hvordan dit websted gøres i forskellige skærmstørrelser.

Efter installationen kan du finde størrelsen på størrelsen i nederste højre hjørne af browseren. Højreklik på den og vælg Tilpas.

Du kan tilføje ny skærmstørrelse til listen. Til din information:

iPhone 4 har en skærmopløsning på 960 x 640 (H til W, så du skal indtaste 640 x 960)
iPhone 3GS og nedenunder har en skærmopløsning på 480 x 320 (H til W, så du skal indtaste 320 x 480)
Nexus One (Android) har en skærmopløsning på 800 x 480 (H til W, så du skal indtaste 480 x 800)

Når du har tilføjet skærmopløsningen, kan du nu se din hjemmeside i mobildragt og i den rigtige skærmstørrelse lige på din computerspil browser.

Bemærk : Ovennævnte addons virker kun i Firefox 3.6. * Og nedenfor. De er ikke kompatible med Firefox 4 beta.

Ovennævnte tricks kan gentages på andre browsere som Opera og Safari. Google Chrome tillader dig ikke at ændre brugeragenten (du kan tjekke dette hack dog), så du vil ikke kunne bruge ovenstående tricks.

Hvordan tester du dit mobiltema?