تتحرك "أدوات مطوري البرامج في Chrome" بسرعة وأردنا لفت انتباهك إلى بعض الوظائف والتحسينات الجديدة التي أضفناها إلى بعض المكوّنات. سنتحدّث تحديدًا عن بعض التغييرات في واجهة المستخدم، وإنشاء ملفات JS العالية الدقة، فضلاً عن الميزات الجديدة في Workspace.
- يتم الآن إنشاء ملفات شخصية عالية الدقة بدقة 0.1 ملي ثانية.
- ارتفعت أشرطة الأدوات إلى الجزء العلوي من أدوات مطوّري البرامج وتم نقل عناصر الإلغاء إلى درج وحدة التحكم
- أضافت مساحات العمل العديد من الميزات لإتاحة إضافة الملفات أو إزالتها أو البحث فيها.
إنشاء ملفات شخصية عالية الدقة
تحليل وحدة المعالجة المركزية (CPU) هو ميزة مفيدة جدًا لمعرفة مدى فعالية JavaScript. وبالإضافة إلى طرق العرض التقليدية للملف الشخصي، قدمنا مخططًا فلامًا هذا الصيف، والذي يمثل بصريًا معالجة JavaScript للصفحة بمرور الوقت. يمكن استخدامه للاطّلاع بسهولة على مدى عمق حزمة المكالمات بالإضافة إلى المدة التي تستغرقها الدوال الفردية في المعالجة.
حتى وقت قريب، كان كل من تمثيلات "ثقيل (من أسفل إلى أعلى)" و"شجرة (من أعلى لأسفل)" و"مخطط اللهب" يعرضان العمليات بدقة تصل إلى 1 مللي ثانية فقط. ولا بأس في ذلك في معظم التطبيقات. مع ذلك، إذا كنت تعمل على أمر مهم للغاية للسرعة في واجهة المستخدم، مثل لعبة، قد تكون درجة الدقة 1 مللي ثانية كبيرة جدًا بحيث لا يمكن الحصول على نتائج مفيدة تُظهر سبب بطء موقعك أو لتبدو واجهة المستخدم بطيئة. لتفعيل إنشاء ملفات تعريفية عالية الدقة (حاليًا إصدار Canary فقط):
- افتح إعدادات "أدوات مطوري البرامج".
- في علامة التبويب الإعدادات العامة، ضمن الملف الشخصي، فعِّل تحليل بيانات وحدة المعالجة المركزية (CPU) بدقة عالية.
إليك مثال على مخطط انسيابي يظهر في إنشاء الملفات الشخصية العادية وبدقة عالية، حيث نحمل ملف HTML5Rocks.com الرئيسية:
في حال استخدام درجة الدقة العادية لإنشاء المواصفات، يتم دائمًا تقريب وقت المعالجة إلى الملي ثانية التالية، وبالتالي يتم الإبلاغ عن أي عملية لا تستغرق سوى 0.1 ملي ثانية أو أقل على أنّها تستغرق 1.0 ملّي ثانية، وقد لا تظهر العمليات الأخرى على الإطلاق في مكدّس المكالمات.
إنّ إنشاء الملفات التعريفية للدقة العالية يتطلّب قدرًا كبيرًا من الأعباء في الجهاز الافتراضي "JavaScript"، لذلك يتم إيقافه تلقائيًا. صحيح أنّها تبدو أكثر برودة من درجة الدقة العادية، إلا أنّنا ننصحك باستخدامها فقط إذا كنت بحاجة إلى الدقة.
تحسينات على واجهة المستخدم في أدوات مطوّري البرامج
يتم باستمرار طرح أشياء جديدة في إصدار Canary، لكننا نريد لفت انتباهك إلى بعض التغييرات الرئيسية في واجهة المستخدم: الأزرار التي تظهر في أعلى واجهة المستخدم بشكل عام، والتنقل في المخطط الزمني ولوحات المعلومات، ونقل الإلغاء إلى درج وحدة التحكم.
أولاً، لنلقِ نظرة على تفاصيل هذه المسألة. بما أنّنا نتحدث عن المخطط الزمني، سأحاول قتل أول طائرين باستخدام زوج واحد من لقطات الشاشة. إليك ما يبدو عليه "المخطّط الزمني" في متصفّح Chrome (الإصدار الثابت) الآن:
إليك الشكل الذي يبدو عليه "المخطّط الزمني" الآن.
لاحظ الأشياء التالية:
- تظهر أشرطة الأدوات والأزرار كلها في أعلى الشاشة الآن، سواء بالنسبة إلى مخططات "المخطط الزمني" المحددة على اليمين أو "أدوات مطوري البرامج" العامة على اليسار.
- تظهر الآن بنية متداخلة لسجلّات "المخطط الزمني" في اللوحة على اليمين، ويمكنك أيضًا استخدام لوحة المفاتيح للتنقّل بينها. بالإضافة إلى استخدام مفتاحَي السهمين المتّجهين للأعلى وللأسفل للتمرير للأعلى وللأسفل، يمكنك أيضًا استخدام المفتاحَين المتّجهَين لليمين ولليسار لفتح السجلات المدمجة وإغلاقها.
- يتم عرض تفاصيل الوقت الآن في لوحة على اليسار لأي إدخال قمت بتحديده. (يمكنك أيضًا تمرير مؤشر الماوس فوق إدخالات أخرى للحصول على معلوماتها).
لنلقِ الآن نظرة على درج وحدة التحكم. لفتح درج وحدة التحكم، اضغط على
Escape من داخل "أدوات مطوري البرامج" أو اضغط على زر درج وحدة التحكم
وسيتحرك
الدرج من الأسفل.
ستظهر لك تلقائيًا علامتَي التبويب وحدة التحكّم وبحث. للوصول إلى الوظيفة التي كانت تُعرف سابقًا باسم "عمليات الإلغاء"، افتح إعدادات "أدوات مطوري البرامج" وضَع علامة في المربّع بجانب "إظهار طريقة عرض المحاكاة" في درج وحدة التحكّم. أغلق مربع الإعدادات وستظهر لك علامة التبويب المحاكاة في درج وحدة التحكم مثل لقطة الشاشة هنا:
ويمكنك إجراء جميع عمليات المحاكاة من هناك.
السبب في هذا التغيير هو أنّه كان عليك في السابق الانتقال إلى الإعدادات والخروج منها لتغيير عمليات إلغاء المحاكاة، ثم العودة إلى الصفحة مجددًا. يمكنك الآن تغيير عمليات إلغاء المحاكاة مع الاستمرار في التعامل مع الأنماط.
مساحات عمل محسَّنة
Workspace على وجه الخصوص هي ميزة يمكنها تبسيط سير العمل في الكتابة إلى حد كبير، ومع ذلك، فإنّها لا تحصل على القدر الذي تستحقه. باستخدام مساحات العمل، بدلاً من التجربة وإجراء تغييرات في أدوات مطوّري البرامج والحاجة إلى نسخ التغييرات ولصقها مجددًا إلى ملفات المصدر، يمكنك إجراء التغييرات في "أدوات مطوري البرامج" وعرضها في المتصفّح وحفظها في نسخة محلية دائمة من ملفاتك، وكل ذلك بدون مغادرة Chrome.
إذا لم تكن قد قرأت مقالة ثورات أدوات مطوّري برامج Chrome لعام 2013 حتى الآن، يمكنك المتابعة وإلقاء نظرة على ذلك ثم الرجوع إلى هنا لمعرفة كيف أجرينا تحسينات على هذه الميزات في الأشهر القليلة الماضية.
إضافة الملفات بسهولة أكبر
في وقت نشر مقالة Revolutions في عام 2013، كان إنشاء مساحة عمل جديدة يتطلب إضافة المجلد إلى مساحات العمل ثم ربط المجلد بمورد شبكة. لقد بسّطنا هذه العملية في خطوة واحدة: ما عليك سوى النقر بزر الماوس الأيمن في اللوحة اليمنى ضمن "المصادر" واختيار إضافة مجلد إلى مساحة العمل. سيؤدي هذا الإجراء إلى فتح مربّع حوار الملفات حيث يمكنك اختيار مجلد جديد لإضافته إلى مساحات العمل. (لا يؤدي هذا الإجراء إلى إضافة المجلد المميّز حاليًا إلى مساحات العمل.)
إنشاء الملفات وإزالتها
يمكنك إضافة ملفات جديدة إلى الدليل المحلي الذي تستخدمه لمساحات العمل ضمن مساحات العمل نفسها الآن. ما عليك سوى النقر بزر الماوس الأيمن على مجلد في لوحة "المصادر" اليمنى واختيار ملف جديد.
يمكنك أيضًا إزالة الملفات من داخل مساحات العمل. انقر بزر الماوس الأيمن على ملف في لوحة المصادر اليمنى وحدد حذف الملف.
يمكنك أيضًا إنشاء نسخة طبق الأصل من ملف من خلال اختيار ملف مكرّر.
إعادة تحميل
الآن وبعد أن أصبح بإمكانك إنشاء ملفات جديدة (أو حذف ملفات) مباشرةً في مساحات العمل، ستتم أيضًا إعادة تحميل هذه الملفات الجديدة في دليل المصادر تلقائيًا وعرض هذه الملفات الجديدة. إذا لم يكن الأمر كذلك، يمكنك دائمًا النقر بزر الماوس الأيمن على أحد المجلدات وتحديد تحديث من القائمة المنبثقة لفرض إعادة التحميل.
يُعدّ هذا الإجراء مفيدًا أيضًا إذا غيّرت الملفات المفتوحة في محرّر آخر وأردت أن تظهر التغييرات في "أدوات مطوري البرامج".
البحث في الملفات
لقد حسّنّا الواجهة للبحث في الملفات قليلاً، وأصبح بإمكانك الآن أيضًا البحث عن سلاسل ضمن جميع الملفات في مساحات العمل بالإضافة إلى جميع الملفات التي تم تحميلها إلى "أدوات مطوري البرامج". يمكنك إما البحث عن سلسلة أو عن تعبير عادي، ونحن نطابق كل موضع ورود في كل ملف أو صفحة. للبحث عن ملفات متعددة في مساحات العمل (حاليًا في إصدار Canary):
- افتح درج وحدة التحكم بالضغط على مفتاح Escape، وانقر على علامة التبويب بحث بجانب وحدة التحكم لفتح نافذة "البحث"
أو
اضغط على Ctrl + Shift + F (Cmd + Opt + F في نظام التشغيل Mac) لفتح نافذة "البحث".
- اكتب طلب البحث في مربع مصادر البحث، واضغط على مفتاح Enter. إذا كان طلب البحث تعبيرًا عاديًا أو يجب أن يكون غير حساس لحالة الأحرف، فانقر على المربع المناسب.
قوائم التجاهل
قد يكون البحث في نص الملفات أو التصفية من خلال أسماء الملفات مملًا جدًا إذا كان لديك عدد كبير من ملفات .git أو ملفات README.md تعيق نتائجك.
بالتالي، أضفنا ميزة قائمة التجاهل إلى مساحات العمل لتتمكَّن من استبعاد أنواع معيّنة من الملفات أو المجلدات عند عرض مساحة العمل والبحث فيها.
إليك كيفية عرض قائمة التجاهل الحالية التي تمت مشاركتها وتغييرها في مساحات العمل:
- افتح الإعدادات في "أدوات مطوري البرامج".
- انقر على مساحة العمل.
- ضمن شائع، ضمن المربع نمط استبعاد المجلدات، يمكنك عرض الأنماط و/أو تعديلها.
ويتم الشحن مع أنماط الاستثناء العامة التلقائية التالية:
ويستبعد التعبير العادي هذا البيانات الوصفية من ملفات Git وSVN وMurcurial وملفات المشاريع من ملفات Eclipse وIntelliJ وOS X DS_Store وTrash، وبعض الأمور الأخرى التي تستحق تجاهلها مثل ذاكرة التخزين المؤقت من Sass. يتم استبعاد مجلدهم بالكامل، بما في ذلك أي أطفال، من واجهة المستخدم، لكي لا يظهر في واجهة المستخدم أو عند البحث في الملفات.
قوائم التجاهل الخاصة بـ Workspace
للحصول على نتائج أكثر تحديدًا، يمكنك أيضًا اختيار استبعاد ملفات ومجلدات داخل مساحة العمل الخاصة بك لتقليل الفوضى في عمليات البحث. ولن تظهر المجلدات المستبعدة في دليل المصادر أيضًا.
لاستبعاد مجلد كامل من مساحة العمل، انقر بزر الماوس الأيمن على المجلد في لوحة "المصادر" اليمنى واختَر استبعاد مجلد. للاطّلاع على عمليات الربط والمجلدات المُستبعَدة لمجلد مساحة عمل محدَّد:
- افتح إعدادات "أدوات مطوري البرامج".
- انقر على مساحة العمل.
- حدِّد المجلد الذي يهمّك.
- انقر على تعديل وستظهر النافذة "تعديل نظام الملفات"، ويمكنك إضافة أو إزالة عمليات الربط و/أو المجلدات المستبعدة من هذه النافذة.
