JavaScript இல் பயனர் முகவரை எவ்வாறு பெறுவது

Javascript Il Payanar Mukavarai Evvaru Peruvatu



ஜாவாஸ்கிரிப்ட்டில் ஒரு பயனர் முகவரைப் பெறுவது மிகவும் உதவியாக இருக்கும், ஏனெனில் இது இறுதிப் பயனர்களுக்கு இணைய உள்ளடக்கத்தை மீட்டெடுக்கிறது. மேலும், நெட்வொர்க்கைக் கோரும் சாதனத்தைப் பற்றிய தகவலை முழுமையாக மாற்றவும் இது பயன்படுத்தப்படலாம். கூடுதலாக, பயனர் முகவரை மாற்றுவது இலக்கு குறிப்பிட்ட தீம்பொருளுக்கு எதிராக பாதுகாப்பை வழங்குகிறது. இதுபோன்ற சந்தர்ப்பங்களில், JavaScript இல் பயனர் முகவரைப் பெறுவது மிகவும் உதவியாக இருக்கும்.

இந்த வலைப்பதிவு JavaScript இல் பயனர் முகவர்களைப் பெறுவதற்கான அணுகுமுறைகளை விளக்கும்.

JavaScript இல் ஒரு பயனர் முகவரை எவ்வாறு பெறுவது?

' பயனர் முகவர் ” சொத்து உலாவி மூலம் சேவையகத்திற்கு அனுப்பப்படும் பயனர் முகவரின் தலைப்பை வழங்குகிறது. பயனர் முகவரைப் பயன்படுத்திப் பெறலாம் ' பயனர் முகவர் 'வெவ்வேறு காட்சிகளில் சொத்து. இந்த காட்சிகள் பின்வருமாறு:







எடுத்துக்காட்டு 1: பயனர் வரையறுக்கப்பட்ட செயல்பாட்டைப் பயன்படுத்தி JavaScript இல் பயனர் முகவரைப் பெறவும்
பயனர் வரையறுக்கப்பட்ட செயல்பாட்டின் உதவியுடன் இரண்டு வெவ்வேறு உலாவிகளின் பயனர் முகவரைப் பெற இந்தக் குறிப்பிட்ட உதாரணத்தைப் பயன்படுத்தலாம்.



பின்வரும் குறியீடு-துணுக்கைப் பார்ப்போம்:



< h3 > பயனர் முகவரைப் பெறுங்கள் உள்ளே ஜாவாஸ்கிரிப்ட் h3 >
< பொத்தானை கிளிக் செய்யவும் = 'userAgent()' > கிளிக் செய்யவும் பெறு பயனர் முகவர் பொத்தானை >
< h3 ஐடி = 'மீண்டும்' பாணி = 'பின்னணி நிறம்: வெளிர் நீலம்;' > h3 >

மேலே உள்ள குறியீட்டில்:





  • முதல் கட்டத்தில், கூறப்பட்ட தலைப்பைச் சேர்க்கவும்.
  • அதன் பிறகு, இணைக்கப்பட்ட '' உடன் ஒரு பொத்தானை உருவாக்கவும் கிளிக் செய்யவும் 'பயனர் வரையறுக்கப்பட்ட செயல்பாடு userAgent() ஐத் தூண்டும் நிகழ்வு.
  • அடுத்த கட்டத்தில், குறிப்பிடப்பட்ட ' என்ற தலைப்பைச் சேர்க்கவும் ஐடி 'விளைவைக் கொண்டிருக்கும் பொருட்டு' பயனர் முகவர் ”.

குறியீட்டின் ஜாவாஸ்கிரிப்ட் பகுதியைத் தொடர்வோம்:

செயல்பாடு பயனர் முகவர் ( ) {
விடு பெறு = நேவிகேட்டர். பயனர் முகவர் ;
ஆவணம். getElementById ( 'மீண்டும்' ) . உள் HTML = 'பயனர் முகவர்:' + பெறு ;
}

மேலே உள்ள js குறியீட்டில், பின்வரும் படிகளைச் செய்யவும்:



  • ' என்ற பெயரில் ஒரு செயல்பாட்டை அறிவிக்கவும் userAgent() ”.
  • அதன் வரையறையில், ' பயனர் முகவர் 'உலாவியின் பெயர், பதிப்பு போன்றவற்றைப் பற்றிய தகவலை வழங்கும் சொத்து.

வெளியீடு (Chrome உலாவிக்கு)

வெளியீடு (மைக்ரோசாஃப்ட் எட்ஜ் உலாவிக்கு)

மேலே உள்ள வெளியீடுகளிலிருந்து, இரண்டு உலாவிகளிலும் உள்ள பயனர் முகவர் வேறுபாட்டைக் காணலாம்.

எடுத்துக்காட்டு 2: ஸ்விட்ச் அறிக்கைகளைப் பயன்படுத்தி JavaScript இல் பயனர் முகவரைப் பெறவும்
' சொடுக்கி ” என்ற கூற்று செயல்களுக்கு பல்வேறு நிபந்தனைகளைப் பயன்படுத்த பயன்படுகிறது. தொடர்புடைய பயனர் முகவரைத் திருப்பித் தருவதற்காக பல்வேறு உலாவிகளில் சோதனையைப் பயன்படுத்த இந்த அறிக்கையைப் பயன்படுத்தலாம்.

தொடரியல்

லேசான கயிறு. indexOf ( தேடல் , தொடங்கு )

கொடுக்கப்பட்ட தொடரியல்:

  • ' தேடல் ” என்பது தேடப்பட வேண்டிய சரத்தைக் குறிக்கிறது.
  • ' தொடங்கு ” தொடக்க நிலையை குறிக்கிறது.

உதாரணமாக
பின்வரும் உதாரணத்திற்கு செல்லலாம்.

பின்வரும் எடுத்துக்காட்டில், பின்வரும் படிகளைச் செய்யவும்:

  • அடங்கும்' தலைப்பு ” விளைந்த செய்தியைக் கொண்டிருக்க.
  • ஒரு செயல்பாட்டை உருவாக்கி, ' சொடுக்கி 'குறிப்பிட்ட உடன் அறிக்கை' பூலியன் அதன் அளவுருவாக மதிப்பு.
  • அதன் வரையறையில், கூறப்பட்டுள்ளதைச் சரிபார்க்கவும் ' உலாவிகள் 'விதிவிலக்கைக் கையாள்வதன் மூலம்' -1 'அதாவது மதிப்பு இல்லை.
  • மேலும், விண்ணப்பிக்கவும் ' indexOf() ”முறையானது அதன் அளவுருவில் உள்ள சரத்தை அதன் விளைவாக வரும் பயனர் முகவரில் சரிபார்க்கிறது. இந்த நிபந்தனை தொடர்புடைய உலாவியை உள்ளமைக்கும்.
  • அதன் பிறகு, விண்ணப்பிக்கவும் ' பயனர் முகவர் 'சொத்து சேர்த்து' லோயர்கேஸ்() ” முறையானது தொடர்புடைய உலாவியின் பயனர் முகவரைப் பெற்று அதை சிறிய எழுத்தாக மாற்றும்.
  • இறுதியாக, விண்ணப்பிக்கவும் ' உள் உரை ” அதன் பயனர் முகவருடன் தொடர்புடைய உலாவி பெயரைக் காண்பிக்கும் பண்பு.
< உடல் >
< h3 > h3 >
உடல் >
- 1 :
திரும்ப 'எம்எஸ் எட்ஜ்' ;
வழக்கு முகவர். indexOf ( 'முனை/' ) > - 1 :
திரும்ப 'எட்ஜ் (குரோமியம் அடிப்படையிலானது)' ;
வழக்கு முகவர். indexOf ( 'opr' ) > - 1 && !! ஜன்னல். opr :
திரும்ப 'ஓபரா' ;
வழக்கு முகவர். indexOf ( 'குரோம்' ) > - 1 && !! ஜன்னல். குரோம் :
திரும்ப 'குரோம்' ;
வழக்கு முகவர். indexOf ( 'சஃபாரி' ) > - 1 :
திரும்ப 'சஃபாரி' ;
இயல்புநிலை : திரும்ப 'மற்றவை' ;
} } )
( ஜன்னல். நேவிகேட்டர் . பயனர் முகவர் . லோயர்கேஸ் ( ) ) ;
ஆவணம். querySelector ( 'h3' ) . உள் உரை = 'நீங்கள் பயன்படுத்துகிறீர்கள்' + உலாவி பெயர் + 'உலாவி' ;
பணியகம். பதிவு ( ஜன்னல். நேவிகேட்டர் . பயனர் முகவர் . லோயர்கேஸ் ( ) ) ;
கையால் எழுதப்பட்ட தாள் >

வெளியீடு(Chrome உலாவிக்கு)

வெளியீடு (மைக்ரோசாஃப்ட் எட்ஜ் உலாவிக்கு)

மேலே உள்ள வெளியீடுகளில், இரண்டு உலாவிகளும் அவற்றின் பயனர் முகவர்களுடன் சேர்ந்து கண்டறியப்பட்டுள்ளன என்பது தெளிவாகிறது.

JavaScript இல் பயனர் முகவரைப் பெற அனைத்து வசதியான அணுகுமுறைகளும் விவாதிக்கப்பட்டுள்ளன.

முடிவுரை

' பயனர் முகவர் '' இன் உதவியுடன் பல்வேறு உலாவிகளுக்குப் பெறலாம் பயனர் வரையறுத்த 'செயல்பாடு மற்றும்' சொடுக்கி ஜாவாஸ்கிரிப்டில் அறிக்கை. முந்தைய உதாரணம் எளிமையானது மற்றும் தொடர்புடைய உலாவியின் பயனர் முகவரைப் பெறுவதற்கும் அதை ஒரு தலைப்பாகத் திருப்பி அனுப்புவதற்கும் செயல்படுத்தலாம். பிந்தைய அணுகுமுறை பல உலாவிகளில் உள்ள சர மதிப்பின் அடிப்படையில் அவற்றைக் கையாளுகிறது மற்றும் தொடர்புடைய உலாவியின் பயனர் முகவரை வழங்குகிறது. JavaScript இல் ஒரு பயனர் முகவரை எவ்வாறு பெறுவது என்பதை இந்த பதிவு விளக்குகிறது.