انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 81
دورة جافا سكريبت

كائن Window Navigator في لغة جافا سكريبتJavaScript Window Navigator

سوف تتعلم في هذا الدرس خصائص كائن window navigator في لغة جافا سكريبت, window navigator يمكن المطورين بالتفاعل مع نافذة مستعرض الويب والتعامل معها والحصول على معلومات حول متصفح المستخدم.

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
11
الأمثلة
13
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,127
محتوى الدرس
في هذا الدرس 11تصفّح المواضيع

JavaScript Window Navigator كائن Window Navigator في لغة جافا سكريبت

يعد window navigator كائنًا في بيئة متصفح الويب يوفر معلومات حول متصفح المستخدم والبيئة. يمكن استخدام كائن navigator لتحديد المتصفح الذي يستخدمه المستخدم ، ورقم الإصدار ، وإعدادات اللغة ، وغيرها من المعلومات ذات الصلة.


يوفر كائن navigator العديد من الخصائص التي يمكن استخدامها للحصول على معلومات حول متصفح المستخدم ، بما في ذلك:

  • navigator.appName: اسم المتصفح المستخدم.
  • navigator.appCodeName:الاسم الرمزي لمتصفح الويب.
  • navigator.appVersion: إصدار المتصفح المستخدم.
  • navigator.userAgent: سلسلة تحتوي على معلومات حول المتصفح ونظام التشغيل والنظام الأساسي.
  • navigator.language: اللغة المفضلة للمستخدم.
  • navigator.platform: نوع النظام الأساسي الذي يستخدمه المستخدم.


يمكن استخدام المعلومات التي تم الحصول عليها من كائن navigator لتكييف تجربة المستخدم ، أو تحديد ميزات المستعرض المتوفرة ، أو حتى لاكتشاف مشكلات التوافق المحتملة. يمكن استخدامه أيضًا لتقديم محتوى مستهدف للمستخدمين بناءً على نوع المتصفح أو إصداره.


باختصار ، يعد JavaScript Navigator أداة مفيدة لمطوري الويب للحصول على معلومات حول متصفح المستخدم والبيئة ، مما يسمح لهم بإنشاء تطبيقات ويب ديناميكية وجذابة.

JavaScript Window Navigator Browser Cookies ملفات تعريف الارتباط مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم الخاصية cookieEnabled لكائن navigator في JavaScript بإرجاع قيمة منطقية تشير إلى ما إذا تم تمكين ملفات تعريف الارتباط في متصفح الويب الخاص بالمستخدم. إذا تم تمكين ملفات تعريف الارتباط ، فإن الخاصية ترجع صحيحًا ، وإلا فإنها ترجع خطأ.


وملفات تعريف الارتباط هي ملفات نصية صغيرة يتم تخزينها على كمبيوتر المستخدم بواسطة مستعرض الويب. تُستخدم ملفات تعريف الارتباط هذه لتخزين معلومات حول تفاعل المستخدم مع موقع ويب ، مثل التفضيلات ومعلومات تسجيل الدخول ومحتويات عربة التسوق.

JavaScript Window Navigator Browser Cookies

خاصية Navigator مع كائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator Browser Cookies</h1>
<p id="cookie">cookieEnabled property returns true if cookies are enabled</p>
<script>
document.getElementById("cookie").innerHTML =
"navigator.cookieEnabled is " + navigator.cookieEnabled;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator Application Name اسم المتصفح المستخدم مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية appName مع كائن navigator في لغة جافا سكريبت بإرجاع اسم متصفح الويب الذي يقوم حاليًا بتشغيل التعليمات البرمجية في جهاز المستخدم. يمكنه إرجاع قيم مختلفة لمتصفحات مختلفة ، ولكن بعض الأمثلة الشائعة تشمل "Netscape" و "Microsoft Internet Explorer" و "Google Chrome". لا ينبغي استخدام القيمة التي أرجعها navigator.appName فقط تستخدم لاكتشاف المتصفح المستخدم الان في جهاز المستخدم، وبناء علية يمكن اظهار معلومات مختلفة علي حسب نوع المتصفح داخل صفحة الويب.

JavaScript Window Navigator Application Name

خاصية app name مع كائن Navigator في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator Application Name</h1>
<p id="app">"Netscape" is the application name for IE11, Chrome, Firefox, and Safari.</p>
<script>
document.getElementById("app").innerHTML =
"navigator.appName is " + navigator.appName;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator Application Code Name اسم الرمزي لمتصفح الويب مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية appCodeName مع اللكائن navigator في لغة جافا سكريبت بإرجاع الاسم الرمزي لمتصفح الويب الذي يقوم حاليًا بتشغيل التعليمات البرمجية. إنها قيمة سلسلة يتم تعيينها عادةً على "Mozilla" لمعظم المتصفحات ، حيث كان هذا هو الاسم الرمزي الأصلي لمتصفح Netscape الذي ألهم العديد من المتصفحات الأخرى. لا ينبغي استخدام القيمة التي تم إرجاعها بواسطة navigator.appCodeName لاكتشاف المتصفح المستخدم ، لأن هذا غير موثوق به ويمكن أن يتغير مع الإصدارات الجديدة. بدلاً من ذلك ، يوصى باكتشاف الميزات أو استخدام مكتبة مثل Modernizr.

JavaScript appCodeName Syntax

طريقة كتابة خاصية appCodeName في لغة جافا سكريبت

HTML 
navigator.appCodeName

JavaScript Window Navigator Application Code Name

اسم الرمزي لمتصفح الويب مع خاصية Navigator وكائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator Application Name</h1>
<p id="code">"Mozilla" is the application code name for Chrome, Firefox, IE, Safari, and Opera</p>
<script>
document.getElementById("code").innerHTML =
"navigator.appCodeName is " + navigator.appCodeName;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator Browser Version اصدار المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية appVersion مع كائن navigator في لغة جافا سكريبت بإرجاع سلسلة تمثل معلومات إصدار مستعرض الويب الذي يقوم حاليًا بتشغيل الكود. قد يختلف تنسيق السلسلة ومحتوياتها باختلاف المتصفحات، ولكنها تتضمن عمومًا معلومات مثل رقم الإصدار الرئيسي ونوع المتصفح (على سبيل المثال "5.0 (Windows)" لمتصفح Internet Explorer). ومع ذلك ، لا ينبغي استخدام القيمة التي تم إرجاعها بواسطة navigator.appVersion لاكتشاف الإصدار الدقيق من المتصفح المستخدم ، حيث قد يتغير تنسيق السلسلة مع الإصدارات الجديدة ويمكن أن يختلف بين المتصفحات. بدلاً من ذلك ، يوصى باستخدام اكتشاف الميزات أو مكتبة مثل Modernizr لتحديد الإمكانات المحددة للمتصفح.

Syntax

HTML 
window.navigator.appVersion

JavaScript Window Navigator Browser Version

اصدار المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator Application Version</h1>
<p id="version">appVersion property returns version information about the browser</p>
<script>
document.getElementById("version").innerHTML =
"navigator.appVersion is " + navigator.appVersion;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator Browser Agent اسم وكيل المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية userAgent الخاصة بكائن navigator في لغة جافا سكريبت بإرجاع سلسلة تمثل User-agent الذي يرسله المستعرض إلى الخادم. رأس وكيل المستخدم عبارة عن سلسلة يرسلها المتصفح إلى الخادم مع كل طلب HTTP يحدد المتصفح وإصداره ، بالإضافة إلى معلومات حول نظام التشغيل والجهاز المستخدم. يمكن استخدام القيمة التي تم إرجاعها بواسطة navigator.userAgent لاكتشاف المتصفح وإمكانياته ، ولكن هذه ليست طريقة موثوقة لاكتشاف المتصفح ، حيث يمكن للمستخدم تغيير محتويات سلسلة وكيل المستخدم أو انتحالها. يوصى باستخدام اكتشاف الميزات أو مكتبة مثل Modernizr لاكتشاف المستعرض بشكل أكثر موثوقية.

JavaScript Window Navigator Browser Agent Syntax

طريقة كتابة Browser Agent في لغة جافا سكريبت.

HTML 
window.navigator.userAgent

JavaScript Window Navigator Browser Agent

اسم وكيل المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator Browser Agent</h1>
<p id="agent">userAgent property returns the user-agent header sent by the browser to the server</p>
<script>
document.getElementById("agent").innerHTML =
"navigator.userAgent is " + navigator.userAgent;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator Browser Platform نظام تشغيل المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية platform للكائن navigator في لغة جافا سكريبت بإرجاع سلسلة تمثل نظام التشغيل الذي يعمل عليه المتصفح. يمكن استخدام القيمة التي تم إرجاعها بواسطة navigator.platform لتحديد النظام الأساسي ، ولكنها ليست طريقة موثوقة لاكتشاف نظام التشغيل أو الإصدار الدقيق ، حيث قد يختلف تنسيق السلسلة بين المتصفحات والأنظمة الأساسية ، ويمكن تغييرها أو انتحالها من قبل المستخدم. يوصى باستخدام اكتشاف الميزات أو مكتبة مثل Modernizr لاكتشاف النظام الأساسي بشكل أكثر موثوقية.

JavaScript Window Navigator Browser Platform

نظام تشغيل المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator Browser Platform</h1>
<p id="agent">platform property returns the browser platform (operating system)</p>
<script>
document.getElementById("agent").innerHTML =
"navigator.platform is " + navigator.platform;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator Browser Online اتصال المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية onLine الخاصة بكائن navigator في لغة جافا سكريبت بإرجاع قيمة منطقية تشير إلى ما إذا كان المستعرض متصل حاليًا أو غير متصل بالإنترنت. تشير قيمة true إلى أن المتصفح متصل بالإنترنت ، بينما تشير قيمة false إلى أن المتصفح غير متصل بالإنترنت. يمكن استخدام القيمة التي تم إرجاعها بواسطة navigator.onLine لتحديد حالة الاتصال / عدم الاتصال للمتصفح ، ولكنها قد لا تعكس دائمًا حالة اتصال الشبكة الفعلية بدقة ، حيث قد تكون القيمة غير متزامنة مع حالة الاتصال الفعلية.

JavaScript Window Navigator Browser Online

اتصال المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator Browser Online</h1>
<p id="onLine">onLine property returns true if the browser is online</p>
<script>
document.getElementById("onLine").innerHTML =
"navigator.platform is " + navigator.onLine;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator product منتج المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية المنتج الخاصة بكائن المتصفح في JavaScript بإرجاع سلسلة تمثل اسم المنتج لمحرك متصفح المستخدم. يمكن استخدام القيمة التي يتم إرجاعها بواسطة navigator.product لتحديد محرك المتصفح المستخدم ، ولكنها ليست طريقة موثوقة لاكتشاف متصفح معين أو إمكانياته ، حيث قد تتغير محتويات السلسلة مع الإصدارات الجديدة أو بين المتصفحات المختلفة باستخدام نفس المحرك. يوصى باستخدام اكتشاف الميزات أو مكتبة مثل Modernizr لاكتشاف المستعرض بشكل أكثر موثوقية.

JavaScript Window Navigator product

منتج المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator Browser Product</h1>
<p id="product">product property returns the product name of the browser</p>
<script>
document.getElementById("product").innerHTML =
"navigator.platform is " + navigator.product;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator Language لغة المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية اللغة للمتصفح في لغة جافا سكريبت بإرجاع سلسلة تمثل لغة المتصفح ، كما تم تعيينها من قبل المستخدم في إعدادات المتصفح. القيمة التي يعرضها navigator.language عبارة عن سلسلة بتنسيق رمز لغة ISO صغير ورمز بلد ISO اختياري (على سبيل المثال "en-us" للغة الإنجليزية الأمريكية). يمكن استخدام القيمة لتحديد اللغة المفضلة للمستخدم ، ولكنها قد لا تعكس دائمًا تفضيل اللغة الفعلي للمستخدم بدقة ، حيث قد تكون القيمة غير متزامنة مع تفضيلات المستخدم أو يغيرها المستخدم.

JavaScript Window Navigator language

لغة المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator product</h1>
<p id="language">language property returns the language of the browser</p>
<script>
document.getElementById("language").innerHTML =
"navigator.platform is " + navigator.language;
</script>

</body>
</html>
جرّب بنفسك

JavaScript Window Navigator javaEnabled تفعيل جافا في المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت

تقوم خاصية ()javaEnabled  الخاصة بكائن navigator في لغة جافا سكريبت بإرجاع قيمة منطقية تشير إلى ما إذا تم تمكين Java في المتصفح. تشير قيمة true إلى أنه تم تمكين Java ، بينما تشير قيمة false إلى أن Java معطل. يمكن استخدام القيمة التي تم إرجاعها بواسطة ()navigator.javaEnabled لتحديد ما إذا تم تمكين Java في المتصفح ، ولكن تجدر الإشارة إلى أن الطريقة خاصة بـ Java ولا تعكس توفر أو استخدام التقنيات الأخرى. مع تراجع تطبيقات Java الصغيرة في تطوير الويب الحديث ، من غير المحتمل أن يتم استخدام هذه الطريقة على نطاق واسع في ممارسات تطوير الويب الحالية.

JavaScript Window Navigator javaEnabled

تفعيل جافا في المتصفح مع خاصية Navigator وكائن Window في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Window Navigator javaEnabled</h1>
<p id="javaEnabled">javaEnabled() method returns true if Java is enabled</p>
<script>
document.getElementById("javaEnabled").innerHTML =
"navigator.javaEnabled is " + navigator.javaEnabled();;
</script>

</body>
</html>
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…