التصحيح المحلي (بواسطة دولاب الموازنة): دليل المبتدئين

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

لحسن الحظ ، توجد العديد من حلول التصحيح لتحديد مشكلات الموقع وإصلاحها. ولكن كيف يمكنك معرفة ما هو الأفضل لموقفك؟

في Local ، هناك نهج متعدد الجوانب متاح لتصحيح الأخطاء. هنا ، سنناقش خيارات تصحيح الأخطاء الافتراضية المضمنة في Local ، بالإضافة إلى طرق تحديد الأخطاء والإضافات الإضافية التي يمكنك استخدامها لاكتشاف المشكلات وإصلاحها بسرعة وكفاءة أكبر.

ما هو Xdebug باللغة المحلية؟

قبل أن نتمكن من مناقشة كيفية تصحيح الأخطاء في Local ، نحتاج أولاً إلى التحدث عن Xdebug ، أداة تصحيح الأخطاء الموجودة في Local وبعض ميزاتها الجديرة بالملاحظة.

Xdebug هو في الواقع امتداد PHP يبسط عملية التصحيح. بشكل أساسي ، يقوم بتنظيف تنسيق var_dump () ويضيف المزيد من التحذيرات والإشعارات حول أخطاء معينة. بهذه الطريقة ، فإنه يجعل تجربة المستخدم أكثر سهولة.

في حالة عدم معرفتك ، var_dump() جزءًا مفيدًا من PHP يكشف بسرعة عن الخطأ في التعليمات البرمجية الخاصة بك. لكن الاختلاف هنا هو أنه إذا لم يكن لديك Xdebug في متناول اليد ، فسيتم إنتاج الكود عند استدعاء var_dump() سيكون من الصعب قراءتها. بالإضافة إلى ذلك ، يجب عليك تنسيق PHP الخاص بك بطريقة خاصة جدًا حتى عند استدعاء var_dump() في المقام الأول.

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

وأفضل جزء هو أن Xdebug مُمكّن في Local افتراضيًا ، لذلك لن تضطر إلى العبث بأي إعدادات للبدء. فقط افتح Local وانطلق.

كيفية تصحيح أخطاء موقع ويب باللغة المحلية

يمكنك تصحيح أخطاء موقع ويب باللغة المحلية بعدة طرق رئيسية. فيما يلي الخطوات الأساسية التي سنناقشها:

1. تحديد أخطاء وحدة تحكم المتصفح
2. باستخدام مراقبة الاستعلام
3. عبر Xdebug و VS Code
4. مع Xdebug و PhpStorm
5. استخدام Xdebug لتصحيح الأخطاء

دعنا نتعمق.

1. تحديد أخطاء وحدة تحكم المستعرض

تتمثل الخطوة الأولى في تصحيح الأخطاء في استخدام وحدة تحكم المتصفح ، والتي تعد جزءًا من جميع أدوات مطوري المتصفح. يتيح لك هذا اكتشاف الأخطاء على صفحات الويب بدون أي أدوات خاصة. ما عليك سوى بدء Local ، والوصول إلى الصفحة المعنية باستخدام المتصفح الذي تختاره واستخدام وحدة التحكم لاكتشاف الأخطاء. فيما يلي تفصيل لكيفية الوصول إلى وحدة تحكم المتصفح عبر متصفحات متعددة.

إذا كنت تستخدم Chrome ...

1. افتح DevTools بالانتقال إلى المزيد من الأدوات> أدوات المطور أثناء وجودك في قائمة متصفح Chrome. بدلاً من ذلك ، اضغط على Ctrl / Cmd + Shift + I.
2. انقر فوق علامة التبويب وحدة التحكم .
3. في حالة وجود أي أخطاء ، يجب أن تكون مرئية الآن. إذا لم يكن كذلك ، أعد تحميل صفحة الويب لإنشائها.
4. قم بتدوين نوع الخطأ ومكانه ورقم السطر الخاص به داخل وحدة تحكم المتصفح.

إذا كنت تستخدم Firefox ...

1. افتح أدوات مطور المتصفح بالانتقال إلى المزيد من الأدوات> أدوات مطور الويب أثناء وجودك في قائمة Firefox. Ctrl / Cmd + Shift + أنا أعمل هنا أيضًا.
2. انقر فوق لوحة التحكم التبويب. بدلاً من ذلك ، يمكنك أيضًا الوصول إلى وحدة التحكم مباشرةً عبر المزيد من الأدوات> وحدة تحكم المتصفح .
3. يجب أن تكون أي أخطاء مرئية الآن. إذا لم يكن كذلك ، أعد تحميل الصفحة.

إذا كنت تستخدم Safari ...

1. قم بتشغيل أدوات المطور بالانتقال إلى التفضيلات> خيارات متقدمة أثناء وجودك في قائمة Safari. Option + Cmd + I هو صديقك هنا.
2. حدد المربع بجوار إظهار قائمة التطوير في شريط القوائم . ثم أغلق مربع الحوار.
3. انقر فوق تطوير> إظهار وحدة التحكم في الخطأ . نفس الصفقة على النحو الوارد أعلاه.

مسلحًا بهذه المعلومات ، يمكنك العودة إلى نظام الملفات الذي تم إعداده في Local والعثور على الجزء المحدد من التعليمات البرمجية التي تسبب المشكلات ثم تنفيذ الإصلاح. استخدم زر Go to site folder للوصول إلى موقع مواقع الويب المحلية الخاصة بك.

2. استخدم مراقبة الاستعلام لإصلاح مشاكل أداء الموقع

يمكنك تحديد مشكلات موقع الويب وإصلاحها مباشرةً في WordPress أيضًا. في الواقع ، يعد المكون الإضافي Query Monitor خيارًا رائعًا لتصحيح الأخطاء ولتحديد مشكلات الأداء ، على وجه التحديد. هذا يجعل زوجًا مفيدًا مع أدوات تصحيح الأخطاء المحلية المدمجة ومفيد بشكل خاص في اكتشاف مشكلات المكونات الإضافية والسمات الخارجية.

يمكنك تثبيت البرنامج المساعد مثل أي برنامج آخر. ما عليك سوى الانتقال إلى الإضافات> إضافة جديد والبحث عنها بالاسم. ابحث عنه في القائمة وانقر فوق التثبيت الآن ، ثم تنشيط بمجرد تنزيله.

ما يمكن أن يخبرك به مراقب الاستعلام

بعد تثبيت المكون الإضافي ، من المفترض أن ترى خيار قائمة جديدًا في الجزء العلوي من لوحة معلومات WordPress.

سيؤدي التمرير فوقه إلى إظهار قائمة منسدلة بأدوات وخيارات مراقبة الاستعلام. سيؤدي اختيار أي منها إلى فتح قائمة في الجزء السفلي حيث يمكنك معرفة المزيد من التفاصيل حول الصفحة الحالية.

من بين أشياء أخرى ، ستمنحك Query Monitor نظرة عامة على أداء صفحتك ، بما في ذلك:

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

بالإضافة إلى مشكلات الأداء ، يمكن لهذا المكون الإضافي أيضًا تحديد أخطاء PHP والإشعارات - تمامًا مثل Xdebug. ومع ذلك ، تركز جهوده على سمات ومكونات الطرف الثالث. ما هو ملائم هنا هو أنه في حالة وجود أخطاء ، ستظهر علامة تبويب جديدة داخل الأداة المسماة بشكل مناسب أخطاء PHP والتي ستدرج كل خطأ مع تهديد الأمان الخاص به. سيخبرك أيضًا بسطر الكود الذي يظهر فيه الخطأ ورمز الخطأ أو الإشعار المحدد أيضًا.

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

3. إعداد Xdebug و VS Code للتصحيح

مرة أخرى في Local ، يمكنك الاستفادة من Xdebug بعدة طرق لإجراء تصحيح أخطاء الموقع المحلي. للحصول على المزيد من الدوي لجهودك ، إذا جاز التعبير ، يمكنك إضافة قوة VS Code إلى المعادلة.

VS Code هو محرر كود مفتوح المصدر مع أدوات موسعة وواجهة مستخدم أكثر سهولة. إنه يجعل عملية تصحيح الأخطاء سطراً بسطر أكثر سهولة وسلاسة للعيون.

يمكنك بالفعل توصيل VS Code بـ Xdebug Step Debugger لتأثير رائع. فيما يلي كيفية إعداده للاستخدام داخل Local:

1. قم بتنزيل VS Code وقم بتثبيته وفقًا لتعليمات المطور.
2. قم بتنزيل وتثبيت ملحق مصحح أخطاء PHP. توصي وثائق Local باستخدام ملحق PHP Debug لهذه المهمة.
3. في Local ، انقر فوق Add-ons> Xdebug + VS Code .
4. انقر فوق تثبيت الوظيفة الإضافية .
5. بمجرد الانتهاء ، اضغط على Enable & Relaunch .
6. افتح موقعًا في Local ثم انقر فوق علامة التبويب Utilities (الأدوات المساعدة).
7. انقر فوق إضافة تكوين التشغيل إلى رمز VS.
8. سيبدأ VS Code ويمكنك بعد ذلك بدء عملية التصحيح.

إذا كنت لا تفضل VS Code ، فيمكنك استخدام أداة تحرير أخرى للمهمة.

4. إعداد Xdebug و PhpStorm للتصحيح

خيار آخر هو استخدام PhpStorm مع Xdebug. يمكنك إضافته إلى Local عبر الوظيفة الإضافية وستعمل جنبًا إلى جنب مع Xdebug Step Debugger. التثبيت والإعداد مشابه جدًا للعملية الموضحة في VS Code أعلاه. لاستخدامه ، قم بتنفيذ الخطوات التالية:

1. قم بتنزيل وتثبيت PhpStorm.
2. في Local ، انقر فوق Add-ons> Xdebug + PhpStorm .
3. انقر فوق تثبيت الوظيفة الإضافية .
4. مرة أخرى ، قم بتمكينه وإعادة التشغيل بعد الانتهاء.
5. افتح أي موقع في Local وانقر فوق Utilities التبويب.
6. انقر فوق إضافة تكوين التشغيل إلى PhpStorm .
7. مع نشاط PhpStorm ، قم بتعيين نقاط التوقف عن طريق النقر فوق الحضيض في سطر معين من التعليمات البرمجية حيث تريد أن تحدث نقطة التوقف.
8. انقر فوق تشغيل لبدء عملية التصحيح.

إذا كنت تريد المزيد من الإرشادات خلال عملية التصحيح ، فإن Step Debugging هو دائمًا خيار.

5. استخدام Xdebug لتصحيح الأخطاء

Step Debugging هي أداة مفيدة للغاية وجزء من Xdebug الذي يمسك بيدك بشكل أساسي خلال عملية التصحيح. إنه يعمل مع VS Code و PhpStorm (بالإضافة إلى العديد من IDEs ومحرري النصوص الأخرى) لتوفير أدوات وخطوات وبروتوكولات مفصلة وسهلة المتابعة.

في Local ، لا يتعين عليك القيام بأي شيء لإعداد Xdebug - يتم تمكينه افتراضيًا تلقائيًا. على الرغم من وجود إرشادات إعداد أكثر تعقيدًا إذا كانت لديك بيئة اختبار معقدة (مع مساهمة أنظمة متعددة في وقت واحد) ، سنفترض أنك تحتاج فقط إلى إجراء تصحيح الأخطاء ، على نظام واحد ، في تثبيت واحد من Local في الوقت الحالي.

لاستخدام تصحيح الأخطاء ، كل ما عليك فعله في الواقع هو اتباع الخطوات الموضحة في القسمين السابقين. تعمل الميزة مع كل من VS Code أو PhpStorm. بمجرد إعداد كل شيء ، سيقوم تلقائيًا بتعيين نقاط التوقف واللعب من خلال الكود واحدًا تلو الآخر. يوفر هذا طريقة بديهية لتشغيل التعليمات البرمجية الخاصة بك ، والاطلاع على الأخطاء وإصلاحها عند ظهورها.

التصحيح المحلي سهل

كما ترى ، فإن تصحيح الأخطاء في Local هو في الواقع عملية سهلة للغاية تتطلب الحد الأدنى من الإعداد للبدء. أداة التصحيح الأساسية موجودة بالفعل بشكل افتراضي. كل ما عليك فعله هو إعداد محرر النصوص أو IDE المفضل لديك ، وتكوين وظيفة إضافية أو اثنتين ، وستكون جاهزًا تمامًا. بالطبع ، ستحتاج إلى إجراء إصلاحات الأخطاء الفعلية للحصول على موقع الويب الخاص بك في شكل أفضل. ولكن على الأقل ، يمكن تنفيذ عملية التصحيح نفسها بسهولة وبأقل قدر من الضجة.

ما هي الأدوات المفضلة لديك لتصحيح الأخطاء في Local؟ نود أن نسمع تعليقاتك في التعليقات أدناه.