التفضيلات

Sofia Emelianova

يمكنك ضبط مظهر "أدوات مطوّري البرامج" ولوحاتها وسلوكها باستخدام الإعدادات > الإعدادات المفضّلة. تعرض علامة التبويب هذه خيارات التخصيص العامة وخيارات التخصيص الخاصة باللوحة.

لضبط الإعدادات المفضّلة، افتح الإعدادات > الإعدادات المفضّلة وانتقِل إلى أحد الأقسام الموضّحة أدناه.

لمعرفة وظيفة كل إعداد، ابحث في هذه الصفحة عن اسم الإعداد وadd_circle وسِّع وصفه.

يشير هذا المرجع إلى الإعدادات المختلفة باستخدام الرموز التالية:

• مربّعات الاختيار
• القوائم المنسدلة
• متوقّفة نهائيًا

لاستعادة الإعدادات المفضّلة التلقائية، انتقِل إلى نهاية علامة التبويب الإعدادات المفضّلة وانقر على استعادة الإعدادات التلقائية وإعادة التحميل.

المظهر

يسرد هذا القسم الخيارات التي تخصّص مظهر "أدوات مطوّري البرامج".

المظاهر : لضبط مظهر ألوان لواجهة مستخدم "أدوات مطوّري البرامج".

المظاهر:

• الإعدادات المفضّلة للنظام
• فاتح
• داكن

تصميم اللوحة يُرتِّب الأقسام في اللوحات.

يؤثر هذا الخيار في العناصر > الأنماط وعلامات التبويب ذات الصلة، وفي لوحة المصادر > أداة تصحيح الأخطاء. يؤدي الخيار تلقائي إلى جعل التنسيق يعتمد على عرض "أدوات مطوّري البرامج".

تصميم اللوحة:

• horizontal
• فئة
• تلقائي

اللغة : لضبط لغة واجهة مستخدم "أدوات مطوّري البرامج"

لتطبيق هذا الإعداد، أعِد تحميل "أدوات مطوّري البرامج".

اللغة:

• لغة واجهة مستخدم المتصفّح
• أحد خيارات اللغة، في هذا المثال، الصينية

تفعيل اختصار Ctrl/Cmd + 0-9 للتبديل بين اللوحات يتيح لك فتح اللوحات باستخدام لوحة المفاتيح.

يعرض هذا الفيديو كيفية التبديل بين علامات التبويب باستخدام اختصارات لوحة المفاتيح المقابلة.

يؤدي خيار إيقاف العناصر المركّبة التي تشير إلى حالة الإيقاف المؤقت إلى إخفاء العنصر المركّب إيقاف مؤقت في أداة تصحيح الأخطاء في مساحة العرض عند إيقاف تنفيذ الرمز البرمجي مؤقتًا.

يؤدي تفعيل الخيار عرض الميزات الجديدة بعد كل تحديث إلى فتح علامة التبويب الميزات الجديدة في الدرج تلقائيًا بعد كل تحديث لتطبيق Chrome.

المصادر

يسرد هذا القسم الخيارات التي تخصّص لوحة المصادر.

يتيح لك خيار البحث في النصوص البرمجية المخفية الهوية ونصوص المحتوى البرمجية البحث في جميع ملفات JavaScript المحمَّلة، بما في ذلك تلك المضمّنة في إضافات Chrome، باستخدام علامة التبويب بحث.

يعرض هذا الفيديو كيفية البحث عن نص في ملف مصدر إضافة.

يؤدي الخيار عرض الملفات تلقائيًا في الشريط الجانبي إلى اختيار الملفات في لوحة المصادر > الصفحة عند التبديل بين علامات التبويب في المحرِّر.

يوضّح هذا الفيديو كيفية اختيار لوحة المصادر للملفات في شجرة التنقّل عند تفعيل هذا الخيار أثناء التبديل بين علامات التبويب.

تفعيل خرائط مصادر JavaScript: يتيح هذا الخيار لأدوات مطوّري البرامج العثور على مصادر ملفات JavaScript التي تم إنشاؤها أو تصغيرها.

ملاحظة مهمة: لا يعمل هذا الخيار إلا إذا كانت الخرائط المصدر متاحة. تعرض لوحة المصادر أيضًا رابطًا إلى الملف الذي تم إنشاؤه أو تصغيره في شريط الحالة.

يؤدي خيار تفعيل نقل التركيز باستخدام مفتاح التبويب (Tab) إلى نقل مفتاح Tab التركيز داخل "أدوات مطوّري البرامج في Chrome" بدلاً من إدراج حرف التبويب في المحرِّر.

يتطلب إعادة تحميل "أدوات مطوري البرامج".

ملاحظة مهمة: يؤدي هذا الإعداد إلى إيقاف المسافة البادئة التلقائية لأنّ مفتاح Tab لا يُدرج أحرفًا في هذه الحالة.

يعرض هذا الفيديو أولاً أحرف علامة التبويب التي تم إدراجها باستخدام مفتاح التبويب. بعد تفعيل هذا الخيار وإعادة تحميل "أدوات مطوّري البرامج"، ينقل مفتاح التبويب التركيز.

اكتشاف المسافة البادئة: تضبط المسافة البادئة على المسافة البادئة في ملف المصدر الذي تم فتحه في المحرِّر.

يتطلب إعادة تحميل "أدوات مطوري البرامج".

ملاحظة مهمة: يتجاهل هذا الإعداد المسافة البادئة التلقائية. في الفيديو التالي، تم ضبط المسافة البادئة التلقائية على ثمانية مسافات، في حين أنّ المسافة البادئة التي تم رصدها في الملف هي مسافتان. عرض أحرف المسافة البيضاء: الخيار "الكل" يتيح لك عرض أحرف المسافة البيضاء كنقط (...) وعلامات التبويب كخطوط (—).

يعرض هذا الفيديو أولاً المسافة البادئة التلقائية التي تبلغ ثمانية مسافات. وعند تفعيل هذا الخيار، يتم إلغاء المسافة البادئة التلقائية واستخدام المسافة البادئة في الملف المصدر.

تتيح ميزة الإكمال التلقائي اقتراحات مفيدة في المحرّر.

لا يعرض هذا الفيديو أي اقتراحات في البداية. بعد تفعيل هذا الخيار، يعرض المحرِّر اقتراحات لإكمال الأوامر.

إغلاق الأقواس تلقائيًا: يضيف هذا الخيار قوس إغلاق أو علامة تلقائيًا عند كتابة قوس فتح.

يعرض هذا الفيديو كيفية كتابة الأقواس المفتوحة قبل تفعيل ميزة إغلاق الأقواس تلقائيًا وبعد تفعيلها.

مطابقة الأقواس: يتم وضع خط تحت القوس المربّع أو القوس المجعد أو قوس معقوفين بدون زوج، ويتم تمييزهما باللون الأحمر الفاتح في المحرِّر.

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

يتطلب إعادة تحميل "أدوات مطوري البرامج".

يعرض هذا الفيديو كيفية تصغير مجموعات الرموز عند تفعيل هذا الخيار.

إظهار أحرف المسافة البيضاء يعرض أحرف المسافة البيضاء في المحرِّر.

يتطلب إعادة تحميل "أدوات مطوري البرامج". وتعمل الخيارات على تنفيذ ما يلي:

• يشير الكل إلى جميع أحرف المسافات البيضاء كنقط (...). بالإضافة إلى ذلك، يشير المحرِّر إلى حرف علامة التبويب كخط (—).
• يُبرز الخيار اللاحقة أحرف المسافة البيضاء في نهاية الأسطر باللون الأحمر الفاتح.

إظهار أحرف المسافة البيضاء:

• بدون
• الكل (...)
• العناصر التي تظهر في الخلفية

عرض القيم المتغيّرة ضمن النص أثناء تصحيح الأخطاء: يعرض لك هذا الخيار قيم المتغيّرات بجانب عبارات التحديد أثناء إيقاف التنفيذ مؤقتًا.

يؤدي الخيار التركيز على لوحة "المصادر" عند الوصول إلى نقطة إيقاف إلى فتح المصادر > المحرِّر في السطر الذي يتضمّن نقطة الإيقاف التي أوقفت التنفيذ مؤقتًا.

يعرض هذا الفيديو أولاً لوحة المصادر بدون تركيز عند إيقافها مؤقتًا عند نقطة إيقاف. بعد تفعيل هذا الخيار، تفتح "أدوات مطوّري البرامج" المحرِّر في لوحة المصادر وتعرض لك سطر الرمز البرمجي الذي يتضمّن نقطة التوقف.

عرض نصوص المصادر المصغّرة تلقائيًا بتنسيق محسّن يجعل هذه المصادر قابلة للقراءة.

عند الطباعة الجميلة، قد يعرض المحرِّر سطر رمز واحدًا طويلاً في أسطر متعددة، يسبقه - للإشارة إلى أنّه تتم إضافة سطر.

تفعيل خرائط المصدر لصفحات CSS: تتيح لك أدوات المطوّرين العثور على مصادر ملفات CSS التي تم إنشاؤها، مثل .scss، وعرضها لك.

ملاحظة مهمة: لا يعمل هذا الخيار إلا إذا كانت الخرائط المصدر متاحة.

• تعرض لوحة المصادر ملفات .scss ضمن قسم الملفات التي أنشأتها في العرض التدرّجي للروابط.
• تعرِض اللوحة العناصر > الأنماط روابط إلى المصادر بجانب قواعد CSS المطبَّقة على عنصر معيّن.

يتيح لك الخيار السماح بالانتقال إلى ما بعد نهاية الملف الانتقال إلى أسفل الصفحة في المحرِّر.

يعرض لك هذا الفيديو كيفية الانتقال إلى ما بعد نهاية الملف عند تفعيل هذا الخيار.

السماح لأدوات المطوّرين بتحميل الموارد، مثل خرائط المصدر، من مسارات الملفات البعيدة يكون هذا الإعداد غير مفعَّل بشكل تلقائي لأسباب تتعلق بالأمان.

تحذير: تُعدّ مسارات الملفات البعيدة ثغرة أمنية. من الأفضل عدم استخدام هذا الخيار إلا إذا كنت على دراية بالعواقب.

في حال عدم تفعيل أدوات المطوّرين، يتم تسجيل رسائل مشابهة لما يلي في وحدة التحكّم:

المسافة البادئة التلقائية تتيح لك اختيار عدد المسافات التي يُدخِلها مفتاح Tab في المحرِّر.

نقطة رئيسية: يتجاهل الخيار اكتشاف المسافة البادئة هذا الإعداد ويضبط المسافة البادئة على القيمة المحدّدة في الملف المصدر. يتطلب إعادة تحميل "أدوات مطوري البرامج". تفعيل نقل التركيز باستخدام مفتاح التبويب (Tab) تلغي مفتاح Tab. ويؤدي ذلك إلى نقل التركيز بدلاً من إدراج أحرف. عرض أحرف المسافة البيضاء: الخيار "الكل" يتيح لك رؤية أحرف المسافة البيضاء كنقط (...) وعلامات التبويب كخطوط (—).

المسافة البادئة التلقائية:

• مسافتان
• 4 مسافات
• 8 مسافات
• حرف مفتاح التبويب (Tab)

يوضِّح هذا المثال كيفية ضبط المسافة البادئة التلقائية على ثماني مسافات أولاً ثم على حرف Tab.

العناصر

يسرد هذا القسم الخيارات التي تخصّص لوحة العناصر.

عرض shadow DOM لوكيل المستخدم: يعرض هذا الخيار عقد shadow DOM في شجرة نموذج DOM.

لفّ النص: يقطع هذا الخيار الأسطر الطويلة في شجرة نموذج عناصر المستند (DOM) ويلفّها في السطر التالي.

عرض تعليقات HTML: لعرض تعليقات HTML في شجرة نموذج DOM

عرض عقدة DOM عند التمرير فوقها: يؤدي هذا الخيار إلى اختيار العقدة المقابلة في شجرة نموذج DOM عند تمرير مؤشر الماوس فوق عنصر في مساحة العرض في وضع الفحص.

يوضّح هذا الفيديو أولاً أنّه لم يتم اختيار عقد DOM في شجرة DOM. بعد تفعيل هذا الخيار، تختار لوحة العناصر العقد عند تمرير المؤشر فوقها.

إظهار تلميح الفحص المفصّل: يعرض هذا الخيار التلميح في مساحة العرض في وضع الفحص أثناء تمرير مؤشر الماوس فوق عنصر.

عرض أدوات القياس عند التمرير: يعرض هذا الخيار أدوات القياس في مساحة العرض عند تمرير مؤشر الماوس فوق العناصر في شجرة DOM.

عرض تلميح وثائق CSS: يعرض تلميحًا يتضمّن وصفًا موجزًا عند تمرير مؤشر الماوس فوق أحد المواقع في لوحة الأنماط.

ينقلك الرابط مزيد من المعلومات إلى مرجع CSS في MDN الخاص بالموقع.

الشبكة

يسرد هذا القسم الخيارات التي تخصّص لوحة الشبكة. تتطابق معظم الخيارات مع الخيارات المتوفّرة في إعدادات اللوحة.

حفظ السجلّ هو نفسه حفظ السجلّ في لوحة الشبكة. يحفظ الطلبات في جميع عمليات تحميل الصفحات.

يعرض هذا الفيديو أولاً سجلّ الطلبات الذي تمّت إعادة تحميله عند إعادة تحميل الصفحة، ثمّ تمّ الاحتفاظ به عند تفعيل هذا الخيار.

تسجيل سجلّ الشبكة هو نفسه تسجيل سجلّ الشبكة في لوحة الشبكة. بدء تسجيل الطلبات أو إيقافه في سجلّ الشبكة

يؤدي خيار تفعيل حظر طلبات الشبكة إلى حظر الطلبات التي تتطابق مع الأنماط في الدرج حظر طلبات الشبكة.

يوضّح هذا الفيديو أولاً أنّ الطلبات غير محظورة. بعد تفعيل هذا الخيار، يتم حظر هذه التطبيقات باستخدام نمط في درج حظر طلبات الشبكة.

إيقاف ذاكرة التخزين المؤقت (عندما تكون أدوات مطوّري البرامج مفتوحة) هو الخيار نفسه المتوفر في إيقاف ذاكرة التخزين المؤقت في لوحة الشبكة. إيقاف ذاكرة التخزين المؤقت للمتصفّح

يؤدي خيار السماح بإنشاء ملفات HAR تتضمّن بيانات حسّاسة إلى إضافة خيارات إلى زر تنزيلتصدير ملف HAR تتيح لك التصدير مع البيانات الحسّاسة أو بدونها (مُصحَّحة).

البيانات الحسّاسة هي البيانات الواردة في رؤوس Cookie وSet-Cookie وAuthorization.

أنواع موارد رمز اللون: تُبرز هذه السمة الطلبات بألوان مختلفة حسب نوعها في عمود العرض المتواصل ضمن سجلّ الشبكة.

تجميع سجلّ الشبكة حسب الإطار هو الخيار نفسه المتوفر في تجميع حسب الإطارات في لوحة الشبكة. يُجمِّع هذا الخيار الطلبات التي تبدأها الإطارات المضمّنة.

يؤدي خيار فرض حظر الإعلانات على هذا الموقع الإلكتروني إلى حظر الإعلانات التي تم رصدها على الصفحة عندما تكون "أدوات مطوّري البرامج" مفتوحة.

الأداء

يسرد هذا القسم الخيارات التي تخصّص لوحة الأداء.

إجراء عجلة الماوس على الرسم البياني المفصّل لأداء الرموز يحدّد إجراء التمرير أو التكبير/التصغير لعجلة الماوس عند التنقّل في الرسم البياني المفصّل لأداء الرموز.

إجراء عجلة الماوس على الرسم البياني المفصّل لأداء الرموز:

• صفحة مواضع التمرير
• Zoom

يعرض هذا المثال إجراءات عجلة الماوس للتكبير/التصغير والانتقال للأعلى أو للأسفل في رسم بياني للأداء في لوحة الأداء.

وحدة التحكّم

يسرد هذا القسم الخيارات التي تخصّص وحدة التحكّم. تتطابق معظم الخيارات مع الخيارات المتوفّرة في إعدادات وحدة التحكّم.

يؤدي النقر على إخفاء رسائل الشبكة إلى إخفاء رسائل الشبكة في وحدة التحكّم.

يوضّح هذا الفيديو كيفية إخفاء رسائل الشبكة باستخدام هذا الخيار في كلّ من الإعدادات وإعدادات وحدة التحكّم.

السياق المحدَّد فقط: تجعل هذه الإعدادات وحدة التحكّم تعرِض الرسائل للسياق المحدَّد فقط: أعلى الصفحة أو إطار iframe أو Worker أو الإضافة.

يوضّح هذا الفيديو كيفية تفعيل هذا الخيار في كلّ من الإعدادات ووحدة التحكّم > الإعدادات واختيار السياق في وحدة التحكّم.

يؤدي خيار تسجيل طلبات XMLHttpRequest إلى تسجيل Console لطلبات XHR وطلبات الجلب.

يوضّح هذا الفيديو كيفية تفعيل هذا الخيار في كلّ من الإعدادات ووحدة التحكّم > الإعدادات وتسجيل رسائل XHR finished loading في وحدة التحكّم.

يؤدي تفعيل الخيار عرض الطوابع الزمنية إلى عرض وحدة التحكّم للطوابع الزمنية بجانب الرسائل.

الإكمال التلقائي من السجلّ: تجعل هذه الميزة Console تقترح عليك الأوامر التي نفّذتها سابقًا أثناء الكتابة.

يمكنك العثور على الخيار نفسه في وحدة التحكّم > الإعدادات.

يؤدي تفعيل الخيار قبول اقتراح الإكمال التلقائي عند الضغط على مفتاح Enter إلى قبول Console للاقتراح المحدّد من القائمة المنسدلة للإكمال التلقائي عند الضغط على مفتاح Enter.

يعرض هذا الفيديو ما يحدث عند الضغط على مفتاح Enter قبل تفعيل هذا الخيار وبعده.

يؤدي خيار تصنيف الرسائل المشابهة في مجموعات ضمن وحدة التحكّم إلى تصنيف وحدة التحكّم للرسائل المشابهة معًا.

يمكنك العثور على الخيار نفسه في وحدة التحكّم > الإعدادات.

يؤدي خيار عرض أخطاء CORS في وحدة التحكّم إلى عرض أخطاء CORS التي سجّلتها وحدة التحكّم.

يمكنك العثور على الخيار نفسه في وحدة التحكّم > الإعدادات.

التقييم السريع: تجعل هذه الميزة وحدة التحكّم تعرض معاينة للناتج أثناء كتابة أمر.

يمكنك العثور على الخيار نفسه في وحدة التحكّم > الإعدادات.

يعرض هذا الفيديو معاينات مختلفة للمخرجات.

التعامل مع عملية تقييم الرمز كإجراء من جانب المستخدم: يحوّل هذا الخيار أيّ أمر تنفّذه في Console إلى تفاعل من جانب المستخدم.

بعبارة أخرى، يتم ضبط navigator.userActivation.isActive على true عند التقييم. يمكنك العثور على الخيار نفسه في وحدة التحكّم > الإعدادات.

يعرض هذا الفيديو نتيجة تقييم navigator.userActivation.isActive قبل تفعيل هذا الخيار وبعده.

يؤدي خيار توسيع رسائل console.trace() تلقائيًا إلى عرض Console لرسائل console.trace() الموسّعة عند تسجيلها.

الحفاظ على السجلّ عند التنقّل: تُسجِّل وحدة التحكّم رسالة Navigated to عند كل عملية تنقّل وتحفظ السجلّات في جميع الصفحات.

يمكنك العثور على الخيار نفسه في وحدة التحكّم > الإعدادات.

الإضافة

يسرد هذا القسم الخيارات التي تخصّص معالجة الروابط في إضافات Chrome DevTools.

معالجة الرابط : يحدّد هذا الخيار لفتح الملفات عند النقر على رابط يؤدي إلى ملف مصدر، على سبيل المثال، في لوحة العناصر > الأنماط.

معالجة الروابط:

• تلقائي. تفتح الملفات في لوحة المصادر تلقائيًا.
• خيار عشوائي يمكن إضافته من خلال إحدى إضافات DevTools

الاستمرارية

يسرد هذا القسم الخيارات التي تتحكّم في كيفية حفظ "أدوات مطوّري البرامج" للتغييرات التي تجريها.

يؤدي تفعيل إجراءات التجاوز المحلي إلى الاحتفاظ بالتغييرات التي تجريها على المصادر في "أدوات مطوّري البرامج" عند تحميل الصفحات.

لمزيد من المعلومات، يُرجى الاطّلاع على عمليات الاستبدال المحلية.

برنامج تصحيح الأخطاء

يسرد هذا القسم الخيارات التي تتحكّم في سلوك أداة تصحيح الأخطاء.

يتيح لك خيار إيقاف JavaScript الاطّلاع على شكل صفحة الويب وسلوكها عند إيقاف JavaScript.

أعِد تحميل الصفحة لمعرفة ما إذا كانت الصفحة تعتمد على JavaScript أثناء التحميل وكيفية اعتمادها عليه.

عند إيقاف JavaScript، يعرض Chrome الرمز المقابل في شريط العناوين، وتعرض "أدوات مطوّري البرامج" رمز التحذير بجانب المصادر.

يؤدي إيقاف عمليات تتبُّع تسلسل استدعاء الدوال البرمجية غير المتزامنة إلى إخفاء "القصة الكاملة" للعملية غير المتزامنة في تسلسل استدعاء الدوال البرمجية.

يحاول أداة تصحيح الأخطاء تتبُّع العمليات غير المتزامنة تلقائيًا إذا كان إطار العمل الذي تستخدمه يتيح هذا التتبُّع.

لمزيد من المعلومات، يُرجى الاطّلاع على عرض عمليات تتبُّع تسلسل استدعاء الدوال البرمجية غير المتزامنة.

عالمي

يسرد هذا القسم الخيارات التي لها تأثيرات شاملة في "أدوات مطوّري البرامج في Chrome".

يؤدي الخيار فتح أدوات مطوري البرامج تلقائيًا عند إنشاء نوافذ منبثقة جديدة إلى فتح أدوات مطوري البرامج عند النقر على الروابط التي تفتح علامات تبويب جديدة. أي كل الروابط التي تحتوي على target=_blank.

يعرض هذا الفيديو أولاً كيفية النقر على رابط وفتح علامة تبويب جديدة *بدون* استخدام "أدوات المطوّر". بعد ذلك، عند تفعيل هذا الخيار، يتم فتح علامة تبويب جديدة *مع* "أدوات مطوّري البرامج".

البحث أثناء الكتابة: تؤدي هذه الميزة إلى "الانتقال" إلى نتيجة البحث الأولى أثناء كتابة طلب البحث في DevTools. في حال إيقاف هذه الميزة، لن تنقلك "أدوات مطوّري البرامج" إلى النتيجة إلا عند الضغط على مفتاح Enter.

يعرض هذا الفيديو أولاً كيفية "قفز" DevTools أثناء كتابة طلب بحث. بعد تفعيل هذا الخيار، ستنقلك أدوات المطوّرين إلى النتيجة الأولى عند الضغط على مفتاح Enter.

مزامنة

يتيح لك هذا القسم إعداد مزامنة الإعدادات بين الأجهزة.

يتيح لك خيار تفعيل مزامنة الإعدادات مزامنة إعدادات "أدوات المطوّر" على أجهزة متعددة.

لاستخدام هذا الإعداد، عليك أولاً تفعيل ميزة "مزامنة Chrome". لمزيد من المعلومات، يُرجى الاطّلاع على إعدادات المزامنة.