نیویگیٹر ایک ایسی چیز ہے جو ویب براؤزر کی موجودہ خصوصیات اور خصوصیات کو بازیافت کرنے کے لیے مختلف خصوصیات فراہم کرتی ہے جو ڈویلپرز کو ان کی ایپلی کیشن کے لیے صحیح براؤزر کا انتخاب کرنے میں مدد کرتی ہے۔ یہ ' نیویگیٹر آبجیکٹ 'userAgentData' کے نام سے ایک خاصیت پیش کرتا ہے جو موجودہ ویب براؤزر سے متعلق ڈیٹا فراہم کرتا ہے جیسے UI ڈیزائن، فونٹ سائز، یا صارف کے ماحول کے مطابق ہونے کے لیے تعاملات۔ نیویگیٹر آبجیکٹ کی طرف سے فراہم کردہ بہت سی دوسری خصوصیات ہیں جن پر مختصراً ہماری بحث کی گئی ہے۔ آرٹیکل 1 اور آرٹیکل 2 .
یہ بلاگ JavaScript میں Navigator آبجیکٹ userAgentData پراپرٹی کی وضاحت کرے گا۔
نیویگیٹر userAgentData پراپرٹی کو کیسے پکڑیں؟
کی طرف سے فراہم کردہ معلومات ' userAgentData پراپرٹی ڈویلپرز کو مختلف براؤزر کے ماحول کو تلاش کرنے اور مخصوص پلیٹ فارمز پر پیدا ہونے والے کسی بھی مسئلے کی نشاندہی کرنے کی اجازت دیتی ہے۔ یہ 'کے ذریعے قابل رسائی ہے نیویگیٹر ' چیز. خصوصیات کی قدریں ' برانڈز'، 'موبائل'، اور 'پلیٹ فارم 'کا استعمال کرتے ہوئے بازیافت کیا جا سکتا ہے' userAgentData نیویگیٹر آبجیکٹ کی خاصیت۔
نحو
نیویگیٹر ' userAgentData پراپرٹی میں درج ذیل نحو ہے:
نیویگیٹر userAgentData
مندرجہ بالا نحو خصوصیات پر مشتمل کی قدریں لوٹاتا ہے جیسے ' برانڈز'، 'موبائل'، اور 'پلیٹ فارم ویب براؤزر سے متعلق۔
آئیے عملی مظاہرہ دیکھنے کے لیے ایک پروگرام بنائیں:
< جسم >< h1 انداز = 'رنگ: کیڈٹ بلیو؛' > لینکس < / h1 >< بٹن کلک پر = 'برانڈز()' > برانڈز بازیافت کریں۔ < / بٹن >
< بٹن کلک پر = 'موبائل()' > موبائل بازیافت کریں۔ < / بٹن >
< بٹن کلک پر = 'پلیٹ فارم()' > برانڈز بازیافت کریں۔ < / بٹن >
< سکرپٹ >
فنکشن برانڈز(){
console.log( navigator.userAgentData.brands )
}
فنکشن موبائل(){
console.log('آپ موبائل پر دیکھ رہے ہیں:' + navigator.userAgentData.mobile)
}
فنکشن پلیٹ فارم(){
console.log('پلیٹ فارم یا آپریٹنگ سسٹم جو آپ استعمال کر رہے ہیں:\n' + navigator.userAgentData.platform)
}
< / سکرپٹ >
< / جسم >
مذکورہ کوڈ بلاک میں دکھائے گئے کوڈ کی تفصیل کچھ یوں ہے:
- سب سے پہلے، تین '< بٹن >' ٹیگز استعمال کیے جاتے ہیں جو ' برانڈز()'، 'موبائل()'، اور 'پلیٹ فارم() 'آن کلک' ایونٹ سننے والے کا استعمال کرتے ہوئے اپنی مرضی کے مطابق فنکشنز۔
- '< کے اندر سکرپٹ >' ٹیگ، 'کی وضاحت کریں برانڈز ()' فنکشن جو 'navigator.userAgentData.brands' پراپرٹی کا استعمال کرتے ہوئے ویب براؤزر کے برانڈ کی معلومات حاصل کرتا ہے۔ اس کے علاوہ، کنسول پر اس پراپرٹی کے ذریعے حاصل کردہ نتیجہ ڈسپلے کریں۔
- اسی طرح، 'کی وضاحت کریں موبائل()' اور 'پلیٹ فارم() 'فنکشنز اور استعمال کریں' navigator.userAgentData.mobile' اور 'navigator.userAgentData.platform' بالترتیب خصوصیات۔
- یہ خصوصیات کنسول پر متعلقہ ڈیٹا واپس کرتی ہیں۔
حتمی نتیجہ اس طرح ظاہر ہوتا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ بٹن پر کلک کرنے سے متعلقہ قدر بازیافت ہو جاتی ہے اور کنسول ونڈو پر ظاہر ہوتی ہے۔
بونس ٹپ: نیویگیٹر صارف ایجنٹ پراپرٹی کا استعمال
' صارف ایجنٹ ' جائیداد بھی فراہم کی جاتی ہے ' نیویگیٹر ” آبجیکٹ، یہ موجودہ براؤزر کا نام، ورژن اور پلیٹ فارم لوٹاتا ہے جسے صارف استعمال کر رہا ہے۔ اس نیویگیٹر پراپرٹی کا عملی مظاہرہ ذیل میں بیان کیا گیا ہے:
< جسم >< h1 انداز = 'رنگ: کیڈٹ بلیو؛' > Linuxhint < / h1 >
< بٹن کلک پر = 'browserData()' > براؤزر سے متعلق ڈیٹا < / بٹن >
< ص آئی ڈی = 'ہدف' >< / ص >< سکرپٹ >
فنکشن براؤزر ڈیٹا ( ) { console.log ( navigator.userAgent ) }
< / سکرپٹ >
< / جسم >
مندرجہ بالا کوڈ کو اس طرح بیان کیا گیا ہے:
- سب سے پہلے، '< بٹن >' ٹیگ ' کے ساتھ استعمال ہوتا ہے کلک پر 'ایونٹ سننے والا جو 'browserData()' فنکشن کہتا ہے۔
- اگلا، یہ ' براؤزر ڈیٹا ()' فنکشن کی وضاحت '< کے اندر کی گئی ہے۔ سکرپٹ >' ٹیگ۔ یہ فنکشن استعمال کرتا ہے ' navigator.userAgent پراپرٹی اور نتیجہ کنسول پر ظاہر ہوتا ہے۔
مندرجہ بالا کوڈ کی تکمیل کے بعد ویب پیج کا پیش نظارہ:
آؤٹ پٹ سے پتہ چلتا ہے کہ ویب براؤزر سے متعلق ڈیٹا کو بازیافت کیا گیا ہے اور کنسول ونڈو پر ڈسپلے کیا گیا ہے۔
آپ نے نیویگیٹر userAgentData پراپرٹی کو پکڑنے کا طریقہ سیکھ لیا ہے۔
نتیجہ
' navigator.userAgentData پراپرٹی براؤزر کی مخصوص اقدار کو بازیافت کرتی ہے جو اس وقت بہت مدد کرتی ہے جب ڈویلپرز خاص طور پر سنگل یا ایک سے زیادہ ویب براؤزرز کے لیے ایپلیکیشن بنا رہے ہوتے ہیں۔ یہ خاصیت 'کی قدروں کو بازیافت کرسکتی ہے۔ برانڈز'، 'موبائل'، اور 'پلیٹ فارم ” سٹرنگز، واپس آنے والی قدریں براؤزر سے براؤزر میں مختلف ہوتی ہیں۔ تار کو ' کے ساتھ منسلک کرنے کی ضرورت ہے navigator.userAgentData صرف اس سٹرنگ کی قدر واپس کرنے کے لیے پراپرٹی۔ اس بلاگ نے جاوا اسکرپٹ میں navigator.userAgentData پراپرٹی کو استعمال کرنے کے عمل کی کامیابی سے وضاحت کی ہے۔