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 हो सकती हैं।
Hi ! I'm Rahul Kumar Rajput founder of learnhindituts.com. I'm a software developer having more than 4 years of experience. I love to talk about programming as well as writing technical tutorials and blogs that can help to others. I'm here to help you navigate the coding cosmos and turn your ideas into reality, keep coding, keep learning :)
Get connected with me. :) LinkedIn Twitter Instagram Facebook
