నావిగేటర్ అనేది డెవలపర్లు తమ అప్లికేషన్ కోసం సరైన బ్రౌజర్ను ఎంచుకోవడంలో సహాయపడే ప్రస్తుత వెబ్ బ్రౌజర్ ఫీచర్లు మరియు లక్షణాలను తిరిగి పొందడానికి వివిధ లక్షణాలను అందించే ఒక వస్తువు. ఈ ' నావిగేటర్ ” ఆబ్జెక్ట్ “userAgentData” పేరుతో ఒక ప్రాపర్టీని అందిస్తుంది, ఇది UI డిజైన్, ఫాంట్ పరిమాణాలు లేదా వినియోగదారు వాతావరణానికి బాగా సరిపోయేలా పరస్పర చర్యల వంటి ప్రస్తుత వెబ్ బ్రౌజర్కు సంబంధించిన డేటాను అందిస్తుంది. నావిగేటర్ ఆబ్జెక్ట్ అందించిన అనేక ఇతర లక్షణాలు మాలో క్లుప్తంగా చర్చించబడ్డాయి వ్యాసం1 మరియు వ్యాసం2 .
ఈ బ్లాగ్ జావాస్క్రిప్ట్లోని నావిగేటర్ ఆబ్జెక్ట్ userAgentData ప్రాపర్టీని వివరిస్తుంది.
నావిగేటర్ యూజర్ఏజెంట్డేటా ప్రాపర్టీని ఎలా గ్రహించాలి?
అందించిన సమాచారం ' userAgentData ” ప్రాపర్టీ డెవలపర్లను వివిధ బ్రౌజర్ పరిసరాలను శోధించడానికి మరియు నిర్దిష్ట ప్లాట్ఫారమ్లలో తలెత్తే ఏవైనా సమస్యలను గుర్తించడానికి అనుమతిస్తుంది. దీని ద్వారా యాక్సెస్ చేయవచ్చు ' నావిగేటర్ ” వస్తువు. ఆస్తుల విలువలు ' బ్రాండ్లు', 'మొబైల్' మరియు 'ప్లాట్ఫారమ్ ''ని ఉపయోగించి తిరిగి పొందవచ్చు userAgentData 'నావిగేటర్ వస్తువు యొక్క ఆస్తి.
వాక్యనిర్మాణం
నావిగేటర్ ' userAgentData ” ఆస్తి కింది వాక్యనిర్మాణాన్ని కలిగి ఉంది:
నావికుడు. userAgentData
పై వాక్యనిర్మాణం ' వంటి లక్షణాలను కలిగి ఉన్న విలువలను అందిస్తుంది బ్రాండ్లు', 'మొబైల్' మరియు 'ప్లాట్ఫారమ్ ” వెబ్ బ్రౌజర్కి సంబంధించి.
ఆచరణాత్మక ప్రదర్శనను చూడటానికి ఒక ప్రోగ్రామ్ని చేద్దాం:
< శరీరం >< h1 శైలి = 'రంగు: కాడెట్బ్లూ;' > Linux < / 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 >
< బటన్ క్లిక్ చేయండి = 'బ్రౌజర్ డేటా()' > బ్రౌజర్ సంబంధిత సమాచారం < / బటన్ >
< p id = 'లక్ష్యం' >< / p >< స్క్రిప్ట్ >
ఫంక్షన్ బ్రౌజర్ డేటా ( ) { console.log ( navigator.userAgent ) }
< / స్క్రిప్ట్ >
< / శరీరం >
పై కోడ్ ఇలా వివరించబడింది:
- మొదట, “< బటన్ >' ట్యాగ్ 'తో పాటు ఉపయోగించబడుతుంది క్లిక్ చేయండి 'బ్రౌజర్డేటా()' ఫంక్షన్ని పిలిచే ఈవెంట్ లిజనర్.
- తరువాత, ఈ ' బ్రౌజర్ డేటా ()” ఫంక్షన్ “< లోపల నిర్వచించబడింది స్క్రిప్ట్ >” ట్యాగ్. ఈ ఫంక్షన్ 'ని ఉపయోగిస్తుంది navigator.userAgent ” ఆస్తి మరియు ఫలితం కన్సోల్లో ప్రదర్శించబడుతుంది.
పై కోడ్ పూర్తయిన తర్వాత వెబ్పేజీ ప్రివ్యూ:
వెబ్ బ్రౌజర్కు సంబంధించిన డేటా తిరిగి పొందబడిందని మరియు కన్సోల్ విండోలో ప్రదర్శించబడిందని అవుట్పుట్ చూపిస్తుంది.
నావిగేటర్ userAgentData ప్రాపర్టీని గ్రహించే విధానాన్ని మీరు నేర్చుకున్నారు.
ముగింపు
ది ' navigator.userAgentData ” ఆస్తి బ్రౌజర్-నిర్దిష్ట విలువలను తిరిగి పొందుతుంది, ఇది డెవలపర్లు ప్రత్యేకంగా సింగిల్ లేదా బహుళ వెబ్ బ్రౌజర్ల కోసం అప్లికేషన్ను సృష్టిస్తున్నప్పుడు చాలా సహాయపడుతుంది. ఈ ఆస్తి విలువలను తిరిగి పొందవచ్చు ' బ్రాండ్లు', 'మొబైల్' మరియు 'ప్లాట్ఫారమ్ ” స్ట్రింగ్స్, తిరిగి వచ్చిన విలువలు బ్రౌజర్ నుండి బ్రౌజర్కు మారుతూ ఉంటాయి. స్ట్రింగ్ పక్కన జోడించబడాలి “ navigator.userAgentData ” ఆ స్ట్రింగ్ కోసం మాత్రమే విలువను తిరిగి ఇవ్వడానికి ఆస్తి. ఈ బ్లాగ్ JavaScriptలో navigator.userAgentData ప్రాపర్టీని ఉపయోగించే ప్రక్రియను విజయవంతంగా వివరించింది.