jQuery (या JavaScript) का उपयोग करके मोबाइल डिवाइस कैसे पहचानें?

सभी को नमस्ते! मैं एक शुरुआती फ्रंटएंड डेवलपर हूँ और मुझे इस समस्या का सामना करना पड़ा: वेबसाइट पर मोबाइल और डेस्कटॉप उपयोगकर्ताओं के लिए अलग-अलग कंटेंट दिखाने की जरूरत है। उदाहरण के लिए, फोन पर मैं भारी एनिमेशन हटाना चाहता हूँ और डेस्कटॉप मेनू को "हैमबर्गर" से बदलना चाहता हूँ। समस्या यह है कि मुझे नहीं पता कि यह सही तरीके से कैसे पहचाना जाए कि उपयोगकर्ता फोन या टैबलेट से आया है। मैंने `$(window).width()` के माध्यम से विंडो की चौड़ाई जांचने की कोशिश की, लेकिन यह विश्वसनीय नहीं है — उपयोगकर्ता डेस्कटॉप पर ब्राउज़र की संकीर्ण विंडो में साइट खोल सकता है, और फिर मोबाइल वर्जन वहाँ सक्रिय हो जाएगा जहाँ इसकी जरूरत नहीं है। या इसके विपरीत, बड़ी स्क्रीन वाले नए iPhone पर चौड़ाई 1024px से अधिक हो सकती है, और साइट डेस्कटॉप जैसी दिखेगी। यहाँ मेरे कोड का एक उदाहरण है, जो अभी सही से काम नहीं कर रहा है: ```javascript $(document).ready(function() { if (