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

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

إذا كنت تستخدم الرمز نفسه في وحدة التحكّم بشكل متكرّر، ننصحك بحفظ الرمز كمقتطف بدلاً من ذلك. يمكن للمقتطفات الوصول إلى سياق 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;

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

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

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

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

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

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

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

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

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

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

    تسمية مقتطف

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    زر التشغيل.

تنفيذ مقتطف من "قائمة الأوامر"

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

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

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

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

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

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

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