Mobile Viewport Tester
Preview mobile safe areas and DPR
Back to H5game.dev
Advertisement

See H5 game viewport pressure before QA finds it.

Simulate common mobile CSS sizes, DPR, top notches, and bottom gesture bars to check whether menus, battle HUDs, dialogs, and controls have enough room.

iPhone 15393 x 852
DPR3.0
safe area59 / 34

First screen

Check whether loading screens and main menus feel crowded on narrow devices.

Battle HUD

Estimate the space needed for HP bars, skill buttons, and virtual joystick controls.

Safe areas

Keep important buttons away from notches, rounded corners, and gesture bars.