If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
JavaScript में window.navigator object का use browser detection के लिए किया जाता है , इस object की help से browser की information like (browser name , version , user agent etc .) get कर सकते हैं।
चूंकि जैसा आप पहले भी पढ़ चुके हैं की , window object की सभी properties या methods को आप directly access कर सकते हैं।
हालाँकि window.navigator property read only है , means window Object की तरह user इसकी values को set नहीं कर सकता है।
navigator Object की कुछ मैं properties और methods इस प्रकार हैं -
| Property / Method Name | Description |
|---|---|
| navigator.appName | यह browser App का name return करता है। |
| navigator.appVersion | यह browser App का current version return करता है। |
| navigator.buildID | यह web browser का build number return करता है। |
| navigator.geolocation | यह geolocationObject return करता है, जिससे हम geolocation API से interact कर सकें। |
| navigator.language | यह web browser की default / primary language (en-US) return करता है। |
| navigator.languages | यह browser द्वारा preferred सभी languages का एक array return करता है। |
| navigator.onLine | इसी property की help से हम check करते हैं device internet से connect है या नहीं। |
| navigator.oscpu | यह property , machine (Mobile / Tablet / Laptop / PC etc) के according Operating System and CPU की जानकारी देता है जिस पर web browser run हो रहा है। |
| navigator.permissions | यह property permissions Object return करती है , जिसकी help से Permissions API से interact करते हैं , और Browser से camera या video access करने के लिए request करते हैं। |
| navigator.platform | यह system platform return करती है , जिस पर browser रन हो रहा है। |
| navigator.userAgent | यह browser user-agent return करती है , या हम कह सकते हैं की Browser की complete जानकारी including (Browser Name , System , Platform etc ). |
| navigator.vibrate() | यह web browser की default / primary language (en-US) return करता है। |
इसके अलावा भी इसकी कई properties और methods भी हैं , आप console में print कराकर window.navigator की सभी Methods and Properties को देख सकते हैं।
अब हम navigator Object की कुछ properties को Examples के through समझेंगे।
File : navigator.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript navigator Object Example</title>
</head>
<body>
<script type="text/javascript">
document.write(`<h4>It's all about you !.</h4>`);
document.write(`Your Browser Name : ${navigator.appName} <br>`);
document.write(`Your Browser Version : ${navigator.appVersion} <br>`);
document.write(`Browser BuildID : ${navigator.buildID} <br>`);
document.write(`Browser Default Language : ${navigator.language} <br>`);
document.write(`Browser Preferred Language : ${navigator.languages} <br>`);
document.write(`Online Status : ${navigator.onLine} <br>`);
document.write(`System OS & CPU : ${navigator.oscpu} <br>`);
document.write(`Platform Info : ${navigator.platform}`);
document.write(`userAgent : ${navigator.userAgent}`);
</script>
</body>
</html>
Browser Name : Netscape
Browser Version : 5.0 (Windows)
Browser BuildID : 20181001000000
Browser Default Language : en-US
Browser Preferred Language : en-US,en
Online Status : true
System OS & CPU : Windows NT 10.0; Win64; x64
Platform Info : Win32userAgent : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:83.0) Gecko/20100101 Firefox/83.0
इस button पर click करने पर device Vibrate हो जायेगा अगर system vibration को support करता है Click To Vibrate
Note : System ,Platform और Browser के according navigator Object की values different हो सकती हैं।