logo   Bootstrap 4 - Simulering af viewports.




Udviklingen af et site sker ofte fra en desktop skærm, og sitet er endnu ikke tilgængeligt fra nettet. Det kan derfor umiddelbart være vanskeligt at efterprøve for forskellige viewport størreler om den tilstræbte responsivitet er opnået, og om den er hensigtsmæssig.


Browserne Chrome og Firefox tilbyder funktionalitet, hvormed forskellige viewport-størrelser eller specifikke devices kan simuleres fra en desktop skærm:


For begge:

Fungerer på alle skærmbilleder. Dropdown-menu for oven til valg af specifikt device. Træk i højre side på viste vindue. Viser aktuel højde og bredde


Chrome

Log ind nødvendig for at kunne benytte funktionaliteten.

Genvej: F12, derefter Ctrl+Shift+M.

Afslut med F12.


Firefox

Brug developer toolbaren (F12) og benyt responsiv-visning funktionalitet: Ikon i højre side af F12-overskriften.

Genvej: Ctrl+Shift+M.

Afslut ved klik på "x" til højre i menuen.




Viewport - aktuel skærm

Oplysning om antal pixel på aktuel skærm kan bl.a. ses her:


Eller her:


For at foretage en fuld simulation af Bootstrap-baserede sider kræves en skærm med en bredde på over 1200 pixels.


Simulationen kan anvendes på alle sider vist på nettet og under arbejde lokalt under localhost.
























x
x