Wie erkennt man ein mobiles Gerät mit jQuery (oder JavaScript)?

Hallo zusammen! Ich bin ein Anfänger-Frontend-Entwickler und bin auf folgende Aufgabe gestoßen: Auf der Website muss ich unterschiedliche Inhalte für mobile und Desktop-Nutzer anzeigen. Zum Beispiel möchte ich auf Telefonen schwere Animationen entfernen und das Desktop-Menü durch einen "Hamburger" ersetzen. Das Problem ist, dass ich nicht weiß, wie ich richtig erkennen kann, ob der Benutzer von einem Telefon oder Tablet kommt. Ich habe versucht, die Fensterbreite mit `$(window).width()` zu überprüfen, aber das ist unzuverlässig – der Benutzer kann die Website auf dem Desktop in einem schmalen Browserfenster öffnen, und dann wird die mobile Version dort aktiviert, wo sie nicht nötig ist. Oder umgekehrt: Auf einem neuen iPhone mit großem Bildschirm kann die Breite mehr als 1024px betragen, und die Website wird als Desktop-Version angezeigt. Hier ist ein Beispiel meines Codes, der derzeit nicht wie gewünscht funktioniert: ```javascript $(document).ready(function() { if ($(window).width() < 768) { // Mobile Version anzeigen $('.desktop-menu').hide(); $('.mobile-menu').show(); } else { // Desktop Version anzeigen } }); ```