تشغيل مقتطفات JavaScript

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

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

يمكنك كتابة المقتطفات في لوحة المصادر وتشغيلها على أي صفحة وفي وضع التصفّح المتخفي.

على سبيل المثال، تعرض لقطة الشاشة أدناه الصفحة الرئيسية لمستندات "أدوات مطوري البرامج" على اليمين، وبعض رموز مصدر المقتطفات في لوحة المصادر > المقتطفات على اليسار.

الصفحة الرئيسية لمستندات "أدوات مطوّري البرامج" قبل تشغيل المقتطف يتم تمييز الزر "تشغيل".

في ما يلي رمز المصدر للمقتطف الذي يسجّل بعض الرسائل ويستبدل نص HTML للصفحة الرئيسية بعنصر <p> يحتوي على الرسالة:

console.log('Hello, Snippets!');
document.body.innerHTML = '';
const p = document.createElement('p');
p.textContent = 'Hello, Snippets!';
document.body.appendChild(p);

عند النقر على الزر تشغيل. تشغيل، ينبثق درج وحدة التحكّم لعرض رسالة Hello, Snippets! التي يُسجلها المقتطف وتغييرات محتوى الصفحة.

الصفحة الرئيسية بعد تشغيل المقتطف.

فتح لوحة المقتطفات

تعرض لوحة المقتطفات مقتطفاتك. لتعديل مقتطف، افتحه بإحدى الطريقتين التاليتين:

  1. انتقِل إلى المصادر > المزيد من علامات التبويب > المقتطفات.

    قائمة &quot;المزيد من علامات التبويب&quot; في لوحة &quot;المصادر&quot; (Sources).

  2. من قائمة الأوامر:

    1. اضغط على Control+Shift+P (نظام التشغيل Windows/Linux) أو Command+Shift+P (نظام التشغيل Mac) لفتح قائمة الأوامر.
    2. ابدأ الكتابة Snippets، واختَر عرض المقتطفات، ثم اضغط على Enter.

    اختيار &quot;عرض المقتطفات&quot; من قائمة الأوامر.

يعرض لوحة المصادر>المقتطفات قائمة بالمقتطفات التي حفظتها، فارغة في هذا المثال.

لوحة مقتطفات فارغة.

إنشاء مقتطفات

يمكنك إنشاء مقتطفات في جزء المقتطفات أو من خلال تنفيذ الأمر المقابل من قائمة الأوامر في أي مكان في "أدوات مطوّري البرامج".

يعمل جزء المقتطفات على ترتيب المقتطفات أبجديًا.

إنشاء مقتطف في لوحة "المصادر"

  1. افتح لوحة المقتطفات.
  2. انقر على مقتطف جديد مقتطف جديد.

  3. أدخِل اسمًا للمقتطف واضغط على Enter لحفظه.

    تسمية مقتطف

إنشاء مقتطف من قائمة الأوامر

  1. ركِّز على أي موضع داخل "أدوات مطوري البرامج".
  2. اضغط على Control+Shift+P (نظام التشغيل Windows/Linux) أو Command+Shift+P (نظام التشغيل Mac) لفتح قائمة الأوامر.

  3. ابدأ كتابة Snippet، واختَر إنشاء مقتطف جديد، ثم اضغط على Enter لتنفيذ الأمر.

    تحديد &quot;إنشاء مقتطف جديد&quot; من قائمة الأوامر.

راجِع إعادة تسمية المقتطفات إذا كنت تريد إضافة اسم مخصّص للمقتطف الجديد.

تعديل المقتطفات

  1. افتح لوحة المقتطفات.

  2. في لوحة المقتطفات، انقر على اسم المقتطف الذي تريد تعديله. ستفتح لوحة المصادر في أداة تعديل الرموز.

    تم فتح مقتطف في أداة تعديل الرموز.

  3. استخدِم أداة تعديل الرموز لتعديل الرمز في المقتطف. تعني علامة النجمة بجانب اسم المقتطف أنّك لم تحفظ التغييرات بعد.

    علامة نجمة بجانب اسم المقتطف تشير إلى رمز غير محفوظ

  4. اضغط على Control+S (نظام التشغيل Windows/Linux) أو Command+S (نظام التشغيل Mac) للحفظ.

تنفيذ المقتطفات

كما هو الحال في إنشاء مقتطف، يمكنك تشغيله في جزء المقتطفات ومن قائمة الأوامر.

تشغيل مقتطف في لوحة "المصادر"

  1. افتح لوحة المقتطفات.
  2. انقر على اسم المقتطف الذي تريد عرضه. ستفتح لوحة المصادر في أداة تعديل الرموز.

  3. انقر على تشغيل. تشغيل في شريط الإجراءات في أسفل أداة التعديل، أو اضغط على Control+Enter (في نظام التشغيل Windows أو Linux) أو Command+Enter (في نظام التشغيل Mac).

    الزر &quot;تشغيل&quot;.

تشغيل مقتطف من قائمة الأوامر

  1. ركِّز على أي موضع داخل "أدوات مطوري البرامج".
  2. اضغط على Control+O (نظام التشغيل Windows/Linux) أو Command+O (نظام التشغيل Mac) لفتح قائمة الأوامر.

  3. اكتب الحرف ! متبوعًا باسم المقتطف الذي تريد عرضه.

    تشغيل مقتطف من القائمة &quot;فتح&quot;

  4. اضغط على Enter لتشغيل المقتطف.

إعادة تسمية المقتطفات

  1. افتح لوحة المقتطفات.
  2. انقر بزر الماوس الأيمن على اسم المقتطف واختَر إعادة تسمية.

حذف المقتطفات

  1. افتح لوحة المقتطفات.
  2. انقر بزر الماوس الأيمن على اسم المقتطف واختَر إزالة.