Developer tools i webbläsaren för mobila enheter

By . Updated .

När man utvecklar för webbläsaren mot mobila enheter så vill man kunna testa hur sidorna ser ut i olika orientering, storlekar och hur touch-eventen fungerar. De utvecklarverktyg som finns i Chrome och Firefox kan hjälpa till med detta.

Den snabba vägen till det mobila utvecklarverktyget är att:

  1. Öppna det vanliga utvecklarverktyget i webbläsaren via F12 eller högerklicka i webbläsaren.
  2. Tryck shift-ctrl-m, eller shift-cmd-m på Mac.

Här är en video som visar hur du kommer igång och hur det kan se ut.

Kom igång med developer tools för mobila enheter.

För att lära dig mer om detaljerna så rekommenderar jag att du läser igenom artikeln “Mimic Your Site on a Range of Devices” som ger dig en introduktion i Chromes developer tool för mobila enheter.

Category: webbprogrammering.

Mikael Roos

Mikael Roos

undervisar vid Blekinge Tekniska Högskola och skriver om webbprogrammering, webbutveckling och utmaningen med att undervisa på distans och campus. Mikael driver ett företag inom webbprogrammering och på kvällarna utvecklar han sina projekt inom öppen källkod.