Vervang JavaScript-waarschuwingsvakken door dit responsieve alternatief

JavaScript-waarschuwingspop-ups worden door bijna iedereen verafschuwd. Ze dwingen je aandacht en halen de browser in, dus je moet ze sluiten voordat je de pagina kunt gebruiken.

In de moderne tijd kunnen we dat beter doen dan JavaScript-waarschuwingsvakken. SweetAlert2 is waarschijnlijk de beste oplossing.

Het is een Pop-upscript met JavaScript dat is ontworpen om te zijn volledig responsief en ondersteuning van toegankelijkheid voor alle gebruikers.

Natuurlijk is het ook open source en gratis beschikbaar op GitHub als je de code wilt onderzoeken.

Maar de echte schat is de demo op de belangrijkste SweetAlert-webpagina. Het biedt een directe vergelijking tussen het oorspronkelijke JavaScript-waarschuwingsvenster en het SweetAlert2-bericht.

Het grappige is dat de codefragmenten niet zo'n verschil lijken. Jij kan voer SweetAlert2 uit met één regel code net als een typische JavaScript-waarschuwing, hoewel die lijn in vergelijking misschien langer is.

Met SweetAlert, jij meer controle hebben over de pop-upvakstijl, de animatie, de knopkleuren en de tekststijlen. Je kan zelfs afbeeldingen of video's insluiten in het waarschuwingsvenster.

De absoluut beste eigenschap is echter die SweetAlert2 doet niet haal de volledige browser over. Als je een SweetAlert2-pop-up uitvoert, zal dat gebeuren wordt alleen weergegeven op dat ene tabblad, dus zelfs als de gebruiker op een andere site surft, zullen ze niet met geweld naar uw tabblad worden geleid, alleen maar omdat er een waarschuwing verscheen.

Dit uiteindelijk verhoogt de betrokkenheid van gebruikers omdat mensen niet worden afgeweerd vanwege duistere UX-praktijken.

Jij kan stel auto-close timers in, bevestig / verwerp knoppen, en zelfs pas de animatie aan gebruik van externe bibliotheken zoals Animate.css.

Als er een script is dat je moet gebruiken in plaats van de typische JavaScript-waarschuwing, moet het SweetAlert2 zijn. Dit ding is helemaal gratis, open source, en biedt een heleboel aangepaste opties dat zal elke webontwikkelaar van oor tot oor laten grijnzen.

Bekijk de hoofdwebsite voor meer informatie en zie enkele live voorbeelden. U kunt ook door de GitHub-repo bladeren als u de bestanden wilt bekijken en vrijgavelogboeken wilt bekijken.