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