Vad är Vibration API?

Vibration API (navigator.vibrate()) är en webbläsarstandard som låter webbsidor utlösa vibrationsmotorn som är inbyggd i smartphones och vissa surfplattor. Den accepterar antingen en enskild varaktighet i millisekunder eller en växlande array med vibrations-/pausvaraktigheter — kallad ett vibrationsmönster. API:et stöds i de flesta Android-webbläsare; iOS exponerar inte vibration för webbsidor på grund av plattformsbegränsningar.

Vibrationsmönster beskrivs som arrayer där värden på udda index representerar vibrationsvaraktigheter och värden på jämna index representerar pausvaraktigheter. Till exempel betyder [200, 100, 200] vibrera 200 ms, pausa 100 ms, vibrera 200 ms. Om du anropar navigator.vibrate(0) eller navigator.vibrate([]) avbryts eventuell pågående vibration omedelbar.

Verktygsbeskrivning

Det här verktyget låter dig testa om din enhet stöder Vibration API och experimentera med vibrationsmönster direkt i webbläsaren. Du kan utlösa en enskild puls med en konfigurerbar varaktighet, ange ett helt anpassat kommaseparerat mönster eller välja från inbyggda förinställningar som SOS, hjärtslag och dubbel-/trippelpulser. En händelselogg registrerar varje vibrationförsök med en tidsstämpel och det exakta mönster som användes, så du kan jämföra resultat på olika enheter och webbläsare.

Exempel

Mönsterinmatning Vad som händer
300 Enskild puls som varar 300 ms
200,100,200 Vibrera 200 ms → pausa 100 ms → vibrera 200 ms
150,100,150,100,150 Tre korta pulser med 100 ms mellanrum
0 Avbryter eventuell pågående vibration

Funktioner

  • Upptäcker om enheten och webbläsaren stöder Vibration API och visar statusen vid inläsning
  • Justerbar varaktighet för enskild puls från 10 ms till 5000 ms via en skjutreglage
  • Anpassad mönsterinmatning accepterar valfri kommaseparerad sekvens av vibrations- och pausvaraktigheter
  • Sex färdiga förinställningar: Kort puls, Lång puls, Dubbel puls, Trippel puls, SOS-mönster och Hjärtslag
  • Händelselogg med tidsstämplar som visar varje utlöst mönster och om det accepterades eller avvisades av webbläsaren

Användningsfall

  • Mobil webbutveckling: Verifiera att haptisk återmatning implementerad med Vibration API faktiskt fungerar på en målsenhet innan du lanserar funktionen.
  • QA-enhetstestning: Bekräfta snabbt att vibrationsmotorn fungerar på en nyligen mottagen eller reparerad smartphone utan att installera en inbyggd app.
  • Mönsterprototypning: Iterera på anpassade vibrationssekvenser (aviseringsvarningar, spelåterkoppling, tillgänglighetsmarkeringar) genom att testa dem live i webbläsaren.

Hur det fungerar

Verktyget anropar navigator.vibrate(pattern) med det värde du anger. Webbläsaren returnerar true om anropet accepterades och false om det avvisades — till exempel för att dokumentet inte är fokuserat eller enheten inte stöder API:et. Båda resultaten registreras i händelsloggen. All bearbetning sker helt på enheten; ingen data skickas till någon server.

Begränsningar

  • iOS (Safari, Chrome på iOS): Apple exponerar inte navigator.vibrate() på iOS, så API:et rapporteras alltid som stöds inte på iPhones och iPads.
  • Skrivbordswebbläsare: Stationära datorer har i allmänhet ingen vibrationmotor, så även när API:et är tillgängligt har det ingen fysisk effekt.
  • Bakgrundsflikar: Vissa webbläsare avvisar tyst vibrationanrop när sidan inte är i förgrunden.
  • Maximal varaktighet: Enskilda vibrationsegment begränsas av webbläsaren (vanligtvis omkring 10 sekunder); mycket stora värden kan trunkeras tyst.