jQuery (या JavaScript) के साथ मोबाइल डिवाइस कैसे निर्धारित करें?

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