وحدة تحكّم أدوات مطوري البرامج هي إضافة جديدة في "أدوات مطوري البرامج في Chrome" توفّر إمكانات وحدة التحكّم في المتصفّح. إذا كنت بحاجة إلى التبديل بين Chrome وخط الأوامر لتنفيذ مهام مثل تنزيل مواد العرض أو استخدام git أو grunt أو wget أو حتى vim، قد تكون هذه الإضافة مفيدة لك في توفير الوقت.
ما هي فائدة استخدام وحدة تحكّم في المتصفّح؟
أثناء التطوير، من المرجّح أن تكون معتادًا على العمل باستخدام بعض الأدوات المختلفة: محرِّر النصوص لإنشاء المحتوى، ومتصفّح للاختبار وتصحيح الأخطاء، ووحدة تحكّم في المحطة الطرفية لتعديل الحِزم أو عناوين Curling أو حتى عملية إنشاء باستخدام Grunt.
قد يؤدي التبديل بين السياقات في الأدوات أثناء التطوير إلى تشتيت الانتباه وقد يؤدي إلى عدم الكفاءة. لقد تحدثنا سابقًا عن كيفية تصحيح أخطاء الرموز البرمجية وكتابتها مباشرةً داخل "أدوات مطوّري البرامج في Chrome" باستخدام مساحات العمل (لأنواع معيّنة من المشاريع) بدون مغادرة المتصفّح.
يكمل تطبيق DevTools Terminal (من إنشاء "دميتري فيليمونوف") هذه القصة، ما يجعل من الممكن الترميز وتصحيح الأخطاء والإنشاء من داخل النافذة نفسها. يمكنك الوصول إلى مفتاح التبويب (tab) ومفتاح Ctrl وحتى ألوان Git، ما يجعلها تبدو مألوفةً مثل المحطة الطرفية التي اعتدت استخدامها في سير عملك اليومي.
سير العمل
في ما يلي سير العمل الشخصي الذي أتّبعه لإنشاء المحتوى في Chrome:
- DevTools Terminal: يمكن استخدامه
git cloneلمستودع GitHub أوtouchلملف جديد أو تشغيلyo (yeoman)لإنشاء تطبيق. ويمكنني أيضًا تشغيل خادم جديد لمعاينة التطبيق. - مساحات العمل: تعديل تطبيق الويب الخاص بي وتصحيح أخطاءه داخل Chrome إذا كنت قد أطلقت خادمًا في وقت سابق، يمكنني ربط مشروعي على الجهاز بملفاتي على الشبكة. يمكنني استخدام Sass أو Less وإعادة ربط تغييرات المعالج المُسبَق لـ CSS بملفات CSS.
- DevTools Terminal: يمكنني الآن الالتزام بإدارة مصادر الإصدار، واستخدام أداة إدارة حِزم (npm أو bower) لتنزيل التبعيات أو تشغيل عملية الإنشاء (grunt أو make) لإنشاء إصدار محسّن من التطبيق نفسه.
- على الرغم من أنّه قد يستغرق بعض الوقت التعود على ترتيب النوافذ، إلا أنّه من الرائع أن أتمكن من تحقيق معظم ما أحتاجه من داخل المتصفّح.
تثبيت
يمكن تثبيت "وحدة تحكّم المطوّر في Chrome" من سوق Chrome الإلكتروني. إذا كنت تستخدم جهاز Mac أو Linux، يمكنك بعد إضافته إلى Chrome النقر على "فحص العنصر" أو Ctrl + Shift + I لفتح أدوات المطوّرين، ويمكنك الوصول إليها من خلال علامة التبويب "وحدة التحكّم في المحطة الطرفية" الجديدة.
على مستخدمي نظام التشغيل Windows ربط الإضافة بوحدة طرفية للنظام باستخدام خادم وكيل Node.js. للحصول على هذا الإعداد، ثبِّت وحدة devtools-terminal من npm:
npm install -g devtools-terminal
بعد ذلك، افتح نافذة سطر أوامر جديدة وشغِّل devtools-terminal. بعد ذلك، افتح "أدوات مطوّري البرامج" وفي علامة التبويب "وحدة التحكّم الطرفية"، اتصل بالخادم باستخدام خيارات الإعداد التلقائية. ستتمكّن من تخصيص المنفذ والعنوان بشكل أكبر إذا لزم الأمر.
القيود
هناك بعض القيود التي يجب أخذها في الاعتبار في أداة DevTools Terminal. على عكس Terminal.app أو iTerm2 على نظام التشغيل Mac، لا يتيح هذا التطبيق حتى الآن علامات التبويب أو النوافذ المتعددة أو تشغيل السجلّ. ومع ذلك، يمكنك فتح أي عدد تريده من علامات التبويب الجديدة في Chrome، ويمكن أن يتضمّن كلّ منها مثيلًا خاصًا به من "وحدة تحكّم المطوّر في Chrome". يمكن إجراء ذلك من شاشة "تطبيقات Chrome":
تعتمد هذه الإضافة حاليًا على NPAPI، الذي سيتم إيقافه نهائيًا خلال العام المقبل ليحلّ محلّ Native Messaging API. يخطّط مؤلف DevTools Terminal، ديمتري فيليمونوف، إلى الابتعاد عن NPAPI لصالح هذه الواجهة أو Native Client API في المستقبل القريب.
الاستنتاجات
يمكن أن يساعدك "محرِّر ترميز أدوات المطوّرين" (والإضافات المشابهة له، مثل Auxilio) في تجنُّب التبديل بين المحرِّر والمتصفّح وسطر الأوامر أثناء عملية التطوير. على الرغم من أنّ بعض المستخدمين قد لا يفضّلون استخدام وحدة تحكّم في المحطة الطرفية داخل المتصفّح، قد تُعدّ هذه الإضافة مكملاً مفيدًا لسير عملك، ونحن نشجعك على تجربتها ومعرفة مدى إعجابك بها.