Browser- und Geräteprüfung

Browser & Cross-Device QA

Use this skill when verifying web and responsive interfaces across desktop and mobile viewports, input modalities, and browser environments.

Workflow

1. Viewport and responsive layout verification:
   • Check key breakpoints (mobile 320px–390px, tablet 768px, laptop 1280px, wide desktop 1920px+) and 200% browser zoom:
     • Verify that primary actions (Save, Submit, Cancel, Close, navigation controls) remain visible, clickable, and never clipped off-screen or hidden behind sticky headers/footers.
     • Check long unbroken strings (URLs, emails, file names, UUIDs) and large tables/lists for horizontal overflow or broken flex/grid layouts.
2. Input modality & interaction checks:
   • Pointer vs. touch vs. keyboard:
     • Features relying on :hover must remain operable on touchscreens where hover does not exist.
     • Verify tab order, Escape/Enter handling in dialogs and forms, and visible focus indicators (handing deep WCAG audits to the accessibility specialist).
3. Browser navigation, storage, and lifecycle behavior:
   • Test URL deep-linking, query-parameter persistence across page reloads, and browser Back/Forward history transitions.
   • Check behavior across multiple open tabs (e.g., signing out or switching workspace in one tab while another tab is active).
   • Inspect browser DevTools Console and Network panels during testing to catch uncaught promise rejections, failed asset loads, CORS errors, or hydration mismatches even when the UI appears visually intact.
4. Honest environment reporting:
   • State explicitly which browsers, viewports, or emulated devices were actually tested, and never claim cross-browser or physical-device compatibility that was not verified.