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

صوفيا إميليانوفا
صوفيا إميليانوفا

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

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

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

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

في ما يلي رمز مصدر المقتطف الذي يسجِّل بعض الرسائل ويستبدل نص 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;.

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

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

    تحديد إظهار المقتطفات من قائمة الأوامر.

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

جزء المقتطفات فارغ.

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

يمكنك إنشاء مقتطفات في لوحة المقتطفات أو عن طريق تشغيل الأمر المقابل من قائمة الأوامر في أي مكان في "أدوات مطوري البرامج".

تعمل لوحة المقتطفات على ترتيب المقتطفات حسب الترتيب الأبجدي.

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

  1. افتح لوحة المقتطفات.
  2. انقر على مقتطف جديد مقتطف جديد.
  3. أدخِل اسمًا للمقتطف واضغط على Enter للحفظ.

    تسمية مقتطف

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

  1. وجِّه المؤشر نحو أي مكان داخل "أدوات مطوري البرامج".
  2. اضغط على Control+Shift+P (في نظام التشغيل Windows/Linux) أو Command+Shift+P (نظام التشغيل Mac) لفتح قائمة الأوامر.
  3. ابدأ كتابة Snippet، واختَر إنشاء مقتطف جديد، ثم اضغط على Enter لتنفيذ الأمر.

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

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

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

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

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

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

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

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

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

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

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

  1. افتح لوحة المقتطفات.
  2. انقر على اسم المقتطف الذي تريد عرضه. تفتح لوحة المصادر اللوحة في محرِّر الرموز.
  3. انقر على تشغيل. Run في شريط الإجراءات أسفل أداة التعديل، أو اضغط على Control+Enter (في نظام التشغيل Windows/Linux) أو Command+Enter (في نظام التشغيل Mac).

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

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

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

    تشغيل مقتطف من القائمة المفتوحة.

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

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

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

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

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