شیء Navigator چیست؟
شیء window.navigator
در جاوا اسکریپت اطلاعاتی در رابطه با مرورگر کاربر را در اختیار دارد. شما می توانید این شیء را بدون پیشوند window نیز بنویسید. برخی از دستوراتی که از این شیء مشتق می شوند عبارت اند از:
navigator.appName
navigator.appCodeName
navigator.platform
- و …
سوال: اگر این دستورات آن چنان دارای اشکال هستند که نباید از آن ها استفاده کنیم، دلیل توضیح آن ها چیست؟
پاسخ: برای دوری و دفع خطر، باید آن را شناخت! شما باید این دستورات را بشناسید تا هم به عنوان یک برنامه نویس حرفه ای از چیزی جا نمانید و هم بتوانید عوامل مختلف مشکل زا را شناسایی کنید و در دام آن ها نیفتید.
کوکی های مرورگر
اگر کوکی های مرورگر کاربر فعال باشند، دستور cookieEnabled
مقدار true و در غیر این صورت مقدار false را برمی گرداند:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The cookieEnabled property returns true if cookies are enabled:</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.cookieEnabled is " + navigator.cookieEnabled; </script> </body> </html>
اگر کوکی های مرورگر شما فعال باشد در صفحه ی خروجی مقدار true را مشاهده خواهید کرد.
نام برنامه ی مرورگر
دستور appName
قرار است نام برنامه ای که کاربر از آن مرورگر استفاده می کند را به ما بدهد:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The appName property returns the application name of the browser:</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.appName is " + navigator.appName; </script> </body> </html>
همین اتفاق به شکل دیگری برای دستور appCodeName
تکرار می شود:
<!DOCTYPE html> <html> <body> <h2>JavaScript Navigator</h2> <p>The appCodeName property returns the code name of the browser.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.appCodeName is " + navigator.appCodeName; </script> </body> </html>
موتور مرورگر
خصوصیت product
نیز قرار بود که نوع موتور مرورگر را برگرداند:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The product property returns the product name of the browser.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.product is " + navigator.product; </script> </body> </html>
نسخه ی مرورگر
خوشبختانه دستور appVersion
به طور صحیح کار می کند و اطلاعاتی را در رابطه با نسخه ی مرورگر کاربر در اختیار شما می گذارد:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The appVersion property returns version information about the browser:</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = navigator.appVersion; </script> </body> </html>
عامل کاربری مرورگر
عامل کاربری یا userAgent
دستوری است که header ارسال شده توسط سرور به مرورگر را مشخص می کند:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The userAgent property returns the user-agent header sent by the browser to the server:</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = navigator.userAgent; </script> </body> </html>
پلتفرم مرورگر
منظور از پلتفرم (دستور platform
) مرورگر همان سیستم عاملی است که کاربر از آن استفاده می کند:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The platform property returns the browser platform (operating system):</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.platform is " + navigator.platform; </script> </body> </html>
زبان مرورگر
خصوصیت language
زبان مرورگر یک کاربر را به شما برمیگرداند:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The language property returns the browser's language:</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.language is " + navigator.language; </script> </body> </html>
آنلاین بودن مرورگر
برای تشخیص آنلاین بودن یک مرورگر می توانیم از دستور onLine
استفاده کنیم:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The onLine property returns true if the browser is online:</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.onLine is " + navigator.onLine; </script> </body> </html>
تشخیص فعال بودن جاوا
برای اینکه تشخیص دهیم زبان جاوا در مرورگری فعال است یا خیر می توانیم از دستور ()javaEnabled
استفاده کنیم:
<!DOCTYPE html> <html> <body> <h2>The Navigator Object</h2> <p>The javaEnabled() method returns true if Java is enabled:</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "javaEnabled is " + navigator.javaEnabled(); </script> </body> </html>
توجه داشته باشید که زبان جاوا با زبان جاوا اسکریپت تفاوت کلی دارند و دو زبان جداگانه هستند.
امیدوارم از این قسمت لذت برده باشید و برای استفاده از دستوراتی که در اینترنت می بینید دقت بیشتری به خرج دهید. ما لیستی از این دستورات را برای شما آوردیم تا بدانید این دستور ها چه هستند و از کدام یک نمی توان استفاده کرد.