Orqestria Letöltés
← Epik tervezése adatlapja

Skill · 1.0.0 verzió

Böngészős és eszközös ellenőrzés

Megadott böngészőméreteken, beviteli módokon és navigációs állapotokban vizsgálja a felületet.

browser-cross-device-qa

Ezt a skillt használó ügynökök

Nézd meg, miben segít

Mikor hasznos?

Akkor használd, ha egy asztali képernyőképnél alaposabban kell ellenőrizned egy webfunkciót.

Miben segít neked?

  • Vizsgálja a gombok elérhetőségét, nagyítást és hosszú tartalmak túlcsordulását.
  • Érintést, egeret és billentyűzetet is használ.
  • Teszteli az újratöltést, előzményeket és másik lapon megváltozott állapotot.

Például ezt kérheted

Ellenőrizd a beállításablakot telefonon és asztalon, nagyított szöveggel és másik lapon történő kijelentkezéssel. A második lapon történt kijelentkezés után az első ne mentsen észrevétlenül elavult jogosultsággal. Telefonméretben is legyen elérhető a hiba és helyreállítás.

Részletes dokumentáció

Itt a skill eredeti útmutatóját, példáit és ellenőrzési szempontjait olvashatod az eredeti nyelven.

Részletek…Összecsukás

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.

Csomagban lévő fájlok 1

  • SKILL.md