كيفية تمكين تطبيق Chrome DevTools للتصحيح عن بُعد
تم إنشاء تطبيق Chrome DevTools بواسطة Kenneth Auchenberg في محاولة لإخراج devtools من المتصفح - في هذه الحالة خارج متصفح Chrome. تم بناء هذا التطبيق على NW.js ويمكن تشغيله على Mac OS X وكذلك على Linux و Windows.
هناك العديد من الأسباب التي دفعت المصمم إلى إنشاء هذا ولكن رؤيته تتمثل في منح المطورين الراحة تصحيح الأخطاء عن بُعد عبر عدة متصفحات ، كل ذلك من نفس النظام الأساسي الموحد (التطبيق). ستستغرق الفكرة بعض الوقت لتتجسد وتتجسد بسبب مجموعة متنوعة من الأسباب (والمقاومة ، والتي يمكنك قراءتها في مدونته).
سوف نلقي نظرة سريعة على تطبيق Chrome DevTools ونرى ما ستقدمه Google للمطورين.
المزيد عن هونغكيات:
- الشروع في العمل باستخدام أدوات مطوّر برامج Chrome
- 5 (المزيد) مفيدة من نصائح DevTools كروم للمطورين
- كيفية تخصيص جوجل كروم DevTools الموضوع
التركيب
قم بتنزيل Chrome-Devtools.app.zip واستخلصه. انقر مرتين لتشغيل. ابدأ تشغيل متصفح Chrome وتمكين تصحيح الأخطاء عن بُعد.
للقيام بذلك على جهاز Mac ، افتح الجهاز وقم بتشغيل الأمر أدناه:
sudo / Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222
إذا قمت بتشغيل windows ، فافتح موجه الأوامر واستخدم هذا الأمر:
بدء تشغيل chrome.exe -emote-debugging-port = 9222
كيف تستعمل
عندما يكون Chrome مفتوحًا بالفعل ، مع تمكين ميزة تصحيح الأخطاء عن بُعد ، يمكنك الآن الاستعراض إلى أي موقع. على سبيل المثال فتحنا Hongkiat.com لهذا التمرين. بعد ذلك ، نتوجه إلى نافذة تطبيق Chrome DevTools و تحديث هذه القائمة (الزر موجود أسفل الجانب الأيمن).
سترى الآن رابط Hongkiat.com مدرجًا (كما هو موضح أدناه).
الآن انقر فوق الزر "انتقال". سيتم نقلك إلى نافذة جديدة. هذا هو. لديك تطبيق Chrome DevTools قيد التشغيل بالفعل. ما ستراه هنا هو نفسه عند "فحص العنصر" في متصفح Chrome.
ومن هنا يمكنك استخدام تطبيق Chrome DevTools تمامًا مثل استخدام DevTools على Chrome أصليًا: يمكنك فحص عنصر DOM وتصحيح جافا سكريبت والعمل مع وحدة التحكم والمزيد.
ماذا بعد?
هذا التطبيق لا يزال التجريبي للغاية. لكن في الوقت الحالي ، تتيح فكرة إخراج DevTool من Chrome للمطورين التعامل مع التطبيق كمحرر وظيفي ، والعمل مع أوقات تشغيل أخرى مثل node.js و iOS. لمزيد من الاحتمالات ، يمكنك الاطلاع على قطار الفكر Auchenberg هنا.