JavaScript

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

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

التاريخ

27 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1431

المواضيع

24
الشروحات chevron_left JavaScript Window Navigator chevron_left JavaScript

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

</> 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 في لغة جافا سكريبت.

<!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 في لغة جافا سكريبت.

<!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>
مهم
خاصية appName لا تقوم بإرجاع إسم المتصفح ولكنها تقوم بإرجاء إسم التطبيق المبني عليه المتصفح.

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

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

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

navigator.appCodeName
JavaScript Window Navigator Application Code Name

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

<!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>
مهم
لا تعتمد على هذه الخاصية لإرجاع اسم حقيقي. جميع المتصفحات ترجع "Mozilla" كقيمة لهذه الخاصية.

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

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

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

<!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 في لغة جافا سكريبت.

window.navigator.userAgent
JavaScript Window Navigator Browser Agent

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

<!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 في لغة جافا سكريبت.

<!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>
مهم
  • تعرض معظم المتصفحات ، بما في ذلك Chrome و Edge و Firefox 63 والإصدارات الأحدث ، "Win32" حتى إذا كانت تعمل على إصدار 64 بت من Windows. لا يزال Internet Explorer وإصدارات Firefox السابقة للإصدار 63 يعلن عن "Win64".
  • لم تعد هذه الميزة موصى بها. على الرغم من أن بعض المتصفحات قد لا تزال تدعمه ، فقد يكون قد تمت إزالته بالفعل من معايير الويب ، أو قد يكون علي وشك الإزالة ، أو قد يتم الاحتفاظ به فقط لأغراض التوافق. تجنب استخدامه ، وقم بتحديث الكود الحالي إن أمكن.

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

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

JavaScript Window Navigator Browser Online

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

<!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 في لغة جافا سكريبت.

<!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 في لغة جافا سكريبت.

<!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 في لغة جافا سكريبت.

<!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>
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.