Blog

JavaScript window.navigator – বিস্তারিত বাংলা টিউটোরিয়াল

window.navigator অবজেক্টটি ব্যবহারকারীর ব্রাউজার সংক্রান্ত তথ্য ধারণ করে। এর মাধ্যমে আপনি ব্রাউজারের নাম, ভার্সন, অপারেটিং সিস্টেম, ভাষা, অনলাইন অবস্থাসহ অনেক কিছু জানতে পারবেন।

navigator এর প্রপার্টিগুলোর কোড ও ব্যাখ্যা:

<script>
  document.write("Browser Name: " + navigator.appName + "<br>");
  document.write("Browser Version: " + navigator.appVersion + "<br>");
  document.write("User Agent: " + navigator.userAgent + "<br>");
  document.write("Platform: " + navigator.platform + "<br>");
  document.write("Language: " + navigator.language + "<br>");
  document.write("Online: " + navigator.onLine + "<br>");
</script>

কোড ব্যাখ্যা:

• navigator.appName: আপনার ব্রাউজারের নাম রিটার্ন করে। বর্তমানে প্রায় সব ব্রাউজারে এটি “Netscape” দেখায়।
• navigator.appVersion: ব্রাউজার ও অপারেটিং সিস্টেমের ভার্সনের তথ্য দেয়।
• navigator.userAgent: ইউজার এজেন্ট স্ট্রিং দেখায়, যেখানে ব্রাউজার ও ডিভাইস সম্পর্কে বিস্তারিত তথ্য থাকে।
• navigator.platform: ইউজার কোন অপারেটিং সিস্টেম ব্যবহার করছেন তা দেখায় (উদাহরণ: Win32, Linux x86_64)।
• navigator.language: ব্রাউজারের ভাষা রিটার্ন করে (উদাহরণ: en-US, bn-BD)।
• navigator.onLine: ইউজার ইন্টারনেটের সাথে সংযুক্ত কি না তা true বা false আকারে রিটার্ন করে।

একটি ইন্টারেক্টিভ উদাহরণ:

<button onclick="showBrowserInfo()">ব্রাউজার তথ্য দেখান</button>
<div id="output" style="margin-top:15px; font-weight:bold;"></div>

<script>
  function showBrowserInfo() {
    const info = `
      Browser Name: ${navigator.appName}<br>
      Version: ${navigator.appVersion}<br>
      Platform: ${navigator.platform}<br>
      Language: ${navigator.language}<br>
      Online: ${navigator.onLine ? "Yes" : "No"}<br>
    `;
    document.getElementById("output").innerHTML = info;
  }
</script>

ব্যাখ্যা: এই কোডে একটি বাটনে ক্লিক করলে ইউজারের ব্রাউজার সম্পর্কিত তথ্য নিচে <div> তে দেখানো হয়। এখানে navigator অবজেক্টের প্রপার্টিগুলো ব্যবহার করে তথ্য নেওয়া হয়েছে।

Geolocation (অতিরিক্ত ফিচার)

<button onclick="getLocation()">আমার লোকেশন দেখান</button>
<div id="location"></div>

<script>
  function getLocation() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(position) {
        document.getElementById("location").innerHTML =
          "Latitude: " + position.coords.latitude +
          "<br>Longitude: " + position.coords.longitude;
      });
    } else {
      document.getElementById("location").innerHTML = "Geolocation আপনার ব্রাউজারে সাপোর্ট করে না।";
    }
  }
</script>

ব্যাখ্যা: এই কোডে navigator.geolocation ব্যবহার করে ব্যবহারকারীর লোকেশন নেওয়া হয়েছে। এটি শুধুমাত্র ব্যবহারকারীর অনুমতি পেলে কাজ করবে এবং HTTPS ছাড়া এটি চালবে না।

⚠️ মনে রাখবেন:

• navigator এর কিছু প্রপার্টি সব ব্রাউজারে একরকম রেজাল্ট দেয় না।
• Geolocation feature শুধুমাত্র HTTPS প্রোটোকলে সাপোর্টেড।
• onLine স্টেটাস সবসময় নির্ভুল হয় না, কারণ এটি শুধুমাত্র ব্রাউজারের ধারণা দেয়।