Comment détecter un appareil mobile avec jQuery (ou JavaScript) ?

Bonjour à tous ! Je suis un développeur frontend débutant et j'ai rencontré un problème : sur le site, je dois afficher un contenu différent pour les utilisateurs mobiles et desktop. Par exemple, sur les téléphones, je veux supprimer les animations lourdes et remplacer le menu desktop par un « hamburger ». Le problème est que je ne sais pas comment détecter correctement si l'utilisateur vient d'un téléphone ou d'une tablette. J'ai essayé de vérifier la largeur de la fenêtre avec `$(window).width()`, mais ce n'est pas fiable — l'utilisateur peut ouvrir le site sur un desktop dans une fenêtre étroite du navigateur, et alors la version mobile s'activera là où ce n'est pas nécessaire. Ou inversement, sur un nouvel iPhone avec un grand écran, la largeur peut être supérieure à 1024px, et le site s'affichera comme une version desktop. Voici un exemple de mon code qui ne fonctionne pas correctement pour l'instant : ```javascript $(document).ready(function() { if ($(window).width() < 768) { // Afficher la version mobile $('.desktop-menu').hide(); $('.mobile-menu').show(); } else { // Afficher la version desktop } }); ```