WordPress Javascript: دليل المبتدئين
نشرت: 2021-04-30إذا سألت مليون مطور ويب عن JavaScript ، فستحصل على مليون إجابة مختلفة. يتم تقريبًا كل شيء تفاعلي على الويب باستخدام JavaScript.
كنظام حديث لإدارة المحتوى (CMS) ، يعتمد WordPress والعديد من مكوناته الإضافية جزئيًا على JavaScript لإنجاز المهمة. على عكس ما قد يبدو عليه الأمر ، فإن JavaScript ليس له علاقة بلغة برمجة Java. يطلق عليه ذلك فقط لأغراض التسويق.
دعنا نتعمق في كل ما تحتاج إلى معرفته لتسخير القوة المشتركة لـ JavaScript و WordPress.
ما هو جافا سكريبت؟
باختصار ، تعد JavaScript واحدة من أكثر لغات البرمجة شيوعًا المستخدمة على الويب. يمكن استخدام JavaScript لإنشاء مواقع ويب ديناميكية وتطبيقات الويب / الجوال وتطبيقات الشبكات في الوقت الفعلي مثل الدردشات وأدوات سطر الأوامر وحتى الألعاب.منذ زمن بعيد ، كان الإنترنت يعتمد على HTML و CSS حصريًا. يسمح هذا المزيج بتصميم أساسي للغاية للمحتوى. ومع ذلك ، لم يكن بالإمكان فعل الكثير لجعل المحتوى ديناميكيًا وكان إنشاء تطبيقات الويب أمرًا غير وارد.
نظرًا لأن صيانة الخوادم كانت أكثر تكلفة بكثير ، فقد قرر المطورون كتابة JavaScript للعمل على جهاز العميل. مكتوبة بطريقة مشابهة للغات البرمجة الوظيفية الأخرى ، يمكن لـ JavaScript نقل البيانات إلى وظائف ومعالجتها وإخراج البيانات.
تحتوي متصفحات الويب على محرك JavaScript يعرف كيفية تنفيذ تعليمات JavaScript البرمجية. على سبيل المثال ، محرك JavaScript في Chrome هو الإصدار 8 ، بينما محرك FireFox JavaScript هو SpiderMonkey. لهذا السبب ، تعتمد Javascript على المتصفحات "لفهم" كيفية تفسير عرض البيانات والتعامل معه والتعامل معه.
الجوانب الفنية لجافا سكريبت
هل أنت مهتم بمعرفة المزيد عن التقنية الكامنة وراء JavaScript؟ هناك عدد قليل من عوامل التفاضل المهمة التي يجب معرفتها لأولئك الذين لديهم خبرة في أنواع أخرى من التطوير. أولاً ، جافا سكريبت لا تعرف الكتابة مثل PHP. هذا يعني أن متغيراته ليس لها نوع محدد ، ويمكن تعيين أي متغير معين لأي نوع من القيم تقريبًا.
معظم اللغات الحديثة "موجهة للكائنات" ، مما يعني أنها تعتمد على "فئات" قابلة لإعادة الاستخدام والتي تمثل كائنًا حرفيًا. أقرب ما توصلت إليه JavaScript هو "النماذج الأولية". يمكن إعادة استخدام هياكل البيانات هذه ويمكن أن تحتوي على قيم معينة ، ولكن وظائفها وقابليتها للاستخدام محدودة للغاية مقارنة باللغات المبنية حول المفهوم الموجه للكائنات ، مثل Java.
ماذا تفعل JavaScript؟
بسبب دعم المجتمع الضخم والاستثمار من الشركات الكبرى مثل Facebook وحتى Netflix ، يمكن لـ JavaScript أن تفعل أكثر بكثير من العمل داخل متصفحات الويب. يمكن لـ JavaScript القيام بشيء بسيط مثل الاستيلاء على العام الحالي لعرضه بجوار رمز حقوق النشر على موقع ويب ، والعمل الأكثر تعقيدًا مثل إجراء الجزء الأكبر من المعالجة لمحرر الصور عبر الإنترنت.
باختصار ، تقوم JavaScript بكل ما يريده المطور تقريبًا على جهاز العميل. يتم تخزين JavaScript مؤقتًا محليًا على جهاز العميل عندما يزور العميل موقعًا يستخدمه.
بينما يجب التعامل مع البيانات الحساسة على الخادم ، تستخدم العديد من التطبيقات المستندة إلى الويب JavaScript بشكل كبير للاستفادة من قوة معالجة جهاز العميل. الآن وقد أصبحنا في عصر "الأطر" اللانهائية التي تجعل تطوير أنواع مختلفة من المحتوى أسرع بكثير ، فإن الاحتمالات لا حصر لها.
هل JavaScript آمن؟
مثل غالبية البروتوكولات واللغات القديمة ، لم يتم إنشاء JavaScript في البداية مع وضع الأمان في الاعتبار. هذا أمر منطقي تمامًا للتساؤل ، بالنظر إلى مدى انتشار الهجمات الإلكترونية.
هناك ملحقات للمتصفح مثل "NoScript" تمنع ببساطة تنفيذ جميع تعليمات JavaScript البرمجية. طالما أنك تتبع القاعدة العامة للويب ولا تزور مواقع غير موثوق بها ، فلا بأس من السماح بتشغيل JavaScript.
نظرًا لأنها لغة برمجة ، فبالطبع يمكن للمستخدمين الخبثاء إساءة استخدامها لمهاجمة جهاز الكمبيوتر الخاص بك. ستكتشف المتصفحات الحديثة تلقائيًا معظم هذه الهجمات. إذا كنت مهتمًا بالأمان باستخدام WordPress JavaScript ، فقد تحصل على بعض راحة البال باستخدام مكون أمان WordPress الإضافي الذي يضع معظم جوانب أمان موقع الويب على الطيار الآلي.
نوعان رئيسيان من أنواع هجوم JavaScript
القول المأثور "أبقِ أصدقاءك قريبين وأعدائك أقرب إليك" وثيق الصلة عندما يتعلق الأمر بالتنمية والأمن. من المهم جدًا أن تفهم كيف يستفيد الأشرار من JavaScript حتى تتمكن من إحباط جهودهم!
البرمجة النصية عبر الموقع (XSS)
البرمجة النصية عبر المواقع (XSS) هي نوع من هجمات البرامج الضارة التي يتم تنفيذها من خلال استغلال الثغرات الأمنية عبر المواقع على أي موقع WordPress. في الواقع ، إنها الطريقة الأكثر شيوعًا لاختراق مواقع WordPress نظرًا لوجود العديد من مكونات WordPress الإضافية التي تحتوي على ثغرات XSS.
يتم استخدام هجوم البرمجة عبر المواقع إذا كانت الصفحة تسمح بإرسال البيانات عليها. في هذا الهجوم ، يضع المستخدم الضار كود JavaScript في البيانات ليتم إرسالها إلى صفحة يمكن للجمهور الوصول إليها.
إذا لم تكن هناك إجراءات تخفيف ، فإن هذه الشفرة الخبيثة تقوم بالفعل بتشغيل كود JavaScript على كمبيوتر أي شخص يزور تلك الصفحة. هذا هو سبب أهمية "تعقيم" المدخلات. هذا يعني ، قبل نشره ، أن تقوم بإزالة أشياء مثل الأقواس والاقتباسات التي قد تجعل الشفرة عديمة الفائدة.
تزوير طلب عبر الموقع (CSRF)
يستفيد هذا النوع من الهجوم من صفحات الويب التي قد تكون مسجلاً الدخول إليها بالفعل. السيناريو الأكثر شيوعًا هو تسجيل دخولك إلى البنك الذي تتعامل معه.
لنفترض أنك قمت بتسجيل الدخول إلى حسابك المصرفي ولكنك قررت بعد ذلك الانتقال إلى موقع ويب تورنت به CSRF جاهز للعمل. CSRF ، في غياب وسائل التخفيف من المتصفح ، يتبنى نمط الارتباط للقيام بأشياء مثل التحويلات المصرفية لكل بنك رئيسي ، ثم يقوم بتشغيلها على جهازك في الخلفية.
كان أحد السيناريوهات التي حدثت بالفعل مع موقع رئيسي وبنك رئيسي هو أن رابط البنك لتحويل الأموال بدا كما يلي: www.bankwithbadsecurity.com/transfer&amount=1000&toAccount=12345 لتحويل 1000 دولار إلى حساب مرقّم 12345 .
بالنسبة للبنك ، يبدو أنك طلبت ذلك ، ولأن الطلب سيأتي من عنوان IP الخاص بك ، فمن الصعب إثبات أنك لم تبدأه. لحسن الحظ ، ستكتشف معظم المتصفحات الحديثة هذا تلقائيًا وتمنعه.
هل يمكنني استخدام JavaScript داخل WordPress؟
نعم ، يمكنك استخدام JavaScript عند تطوير برنامج WordPress. ضع في اعتبارك أن WordPress هو نظام إدارة محتوى مرن له وضعان للتحرير. أحدهما يسمح لك بتحرير الكود مباشرة ، والآخر يسمح لك باستخدام محرر مشابه لما قد تراه في معالج النصوص ، والمعروف أيضًا باسم محرر "WYSIWYG". في أحدث إصدار من WordPress ، يُطلق على محرر WYSIWYG اسم Gutenberg.
ضع في اعتبارك أنه يمكنك أيضًا استخدام JavaScript عند تطوير ملحقات WordPress. في حين أن جانب الخادم من WordPress هو PHP ، فإن جانب العميل يكاد يكون 100٪ من وقت JavaScript.
هل يجب أن أتعلم JavaScript for WordPress؟
تعتمد الإجابة على هذه الأسئلة على ما تنوي فعله باستخدام WordPress. إذا كنت تريد فقط بضع صفحات ثابتة تقوم بإنشائها باستخدام النظام الأساسي ، فمن المحتمل أن تكون بخير بدون تعلم JavaScript.
على الجانب الإيجابي ، من السهل جدًا البدء في استخدام JavaScript ، وستتعلم أيضًا الكثير عن كيفية عمل HTML و CSS. ومع ذلك ، بالإضافة إلى تدريب WordPress ، سترغب في العمل على تعلم JavaScript إذا كنت تريد إنشاء موقع ديناميكي لا يُنسى.
تحذير سريع: إذا كنت مطور ويب مبتدئًا ، فلا تتوقع إتقان JavaScript في غضون أيام. تشتهر JavaScript باحتوائها على رسائل خطأ شديدة الغموض وغالبًا ما يتم انتقادها لكونها "شفرة سباغيتي". هذا يعني أنه على مر السنين ، تراكم المطورون على الكثير من التعليمات البرمجية دون تنظيمها بشكل صحيح. علاوة على ذلك ، يتعلم معظم المطورين كيفية البرمجة في الأطر التي تستخدم JavaScript ولكنها مختلفة قليلاً من الناحية التركيبية.
يجب أن تستثمر الوقت بشكل خاص في تعلم JavaScript إذا كنت تعمل بالقطعة أو وكالة تدير مواقع العملاء. في حين أن هناك أدوات من الدرجة الأولى تسمح لك بإدارة العديد من مواقع WordPress ، لا يمكن لأي مكون إضافي إنشاء المواقع لك!
بالإضافة إلى ذلك ، إذا كانت لديك تطلعات لأن تكون مطور ويب ، فإن تعلم JavaScript مفيد لهذه الوظائف:
- مطور الواجهة الأمامية
- المطور الخلفي
- مطور كامل المكدس
بالإضافة إلى ذلك ، فإن تعلم JavaScript ، جنبًا إلى جنب مع HTML و CSS و PHP الأكثر تقدمًا ، يعمل كأساس قوي لـ WP والذي من المحتمل أن يقلل من التكاليف العامة بالنسبة لك. لن تحتاج بعد الآن إلى الدفع للمقاولين الخارجيين ، والاقتطاع من صافي أرباحك ، لأداء المهام التي قد تستغرق في الواقع دقائق لإكمالها. بمجرد إتقان JavaScript ، يمكنك الانتقال إلى الأطر الشائعة ، مثل React و Angular ، لإنشاء تطبيقات فريدة ومتجاوبة داخل WordPress.
كيف أكتب JavaScript عند الترميز في WordPress؟
على الرغم من أن إضافة JavaScript إلى موقع WordPress ليس مباشرًا مثل إضافة CSS و HTML ، فلن يستغرق الأمر وقتًا طويلاً للبدء. هناك طريقتان مختلفتان للتعامل معه ، ولكل منهما غرض مختلف.
الطريقة الأولى: في كل صفحة
إذا كنت تتطلع إلى تشغيل نفس البرنامج النصي على كل صفحة من صفحات موقع WordPress الخاص بك ، فإن إضافة الشفرة يدويًا إلى كل صفحة ستكون مملة للغاية ، على أقل تقدير. المكان المناسب لإدراج JavaScript في HTML هو رأس الصفحة وتذييلها.
هناك بعض الإضافات المجانية التي ستأخذ جافا سكريبت المخصص وتضعها في رأس و / أو تذييل كل صفحة على موقع ووردبريس الخاص بك. يحب مديرو WordPress هذه المكونات الإضافية لأنها تعمل بشكل مثالي مع Google Analytics ، مما يضمن احتساب كل زيارة للصفحة ، مما يساعد على تعزيز ترتيب مُحسنات محركات البحث بشكل أسرع.
الطريقة الثانية: JavaScript مختلف في كل صفحة
لنفترض أنك تقوم بتشغيل موقع WordPress يحتوي على أداة مختلفة في كل صفحة تعتمد على "مكتبة" واحدة على الأقل لتعمل. سيؤدي إجبار كل JavaScript على التحميل في كل صفحة ، خاصة عندما لا تكون هناك حاجة إلى ذلك ، إلى إبطاء الوصول إلى موقعك. يخبرنا الفطرة السليمة أن إبطاء تجربة الزوار ليس هو أفضل طريقة للفوز بالعمل!
هناك الكثير من البرامج التعليمية على الويب التي تحتوي على طرق معقدة بجنون لإجراء هذه العملية. في حين أنه من الصحيح أنه يمكن القيام بذلك عن طريق إجراء تعديلات معقدة داخل ملف function.php الخاص بك ، فلا توجد حاجة حقيقية لاتخاذ هذا النهج إلا إذا كنت تستمتع بالصداع.
بدلاً من ذلك ، قم بتثبيت المكون الإضافي Code Embed على موقعك. سيمكنك هذا من إضافة JavaScript وتضمينها أينما تريد داخل الصفحة.
استخدام البرنامج المساعد CodeEmbed
بعد تثبيت البرنامج المساعد Code Embed ، انتقل إلى Screen Options واضغط على مربع الاختيار الذي يشير إلى "Custom Fields". سيسمح لك ذلك بإضافة JavaScript إلى الصفحة.

في صفحة التحرير ، سترى مربعًا يقول "حقول مخصصة" ، مع خيار "إدخال حقول مخصصة جديدة". انقر فوق ذلك ، وستحصل على مربعات نصية فارغة لإدخال اسم كود JavaScript الخاص بك ، وكذلك للرمز نفسه.
لتجنب التعارض مع أكواد WordPress الحالية ، يجب أن تبدأ اسم كود JavaScript الخاص بك بالأحرف الكبيرة "CODE". سيكون شيء مثل "CODEtimer" على ما يرام. ثم ستضيف JavaScript الفعلي في المربع الآخر. تأكد من تضمين علامات فتح وإغلاق البرنامج النصي !
بمجرد الانتهاء ، ما عليك سوى النقر فوق الزر "إضافة حقل مخصص". أخيرًا ، حدد المكان الذي تريد تنفيذ كود JavaScript فيه. على سبيل المثال ، إذا قام الرمز بتحميل مؤقت ، فابحث في صفحتك عن المكان الذي ترغب في إدخال هذا المؤقت فيه. ستستخدم بعد ذلك الصيغة الدقيقة [[CODEtimer]] لجعل WordPress يقوم بإدراج JavaScript هناك ، وتكون بذلك قد انتهيت!
كيف أقوم بتضمين ملفات JavaScript و CSS الخاصة بي في WordPress؟
على الرغم من أن WordPress يحتوي على سمات مضمنة ، إلا أن العديد من مطوري الويب يفضلون أن يكون لديهم تصميم فريد وسيستخدمون CSS الخاصة بهم. ستحتاج أيضًا إلى طريقة لتخزين ملفات JavaScript هذه.
في هذا الجزء ، ستحتاج إلى التوجه إلى مدير الملفات الخاص بك وتحديد موقع الملف المسمى “jobs.php”. لاحظ أن هذا سيكون في المجلد حيث توجد السمة الأساسية لموقعك.
إضافة CSS إلى function.php
مرة كنت في ملف functions.php، اتبع الخطوات التالية:
- في سطر جديد ، قم بإنشاء دالة فارغة عن طريق إضافة وظيفة الرمز
addMyCSS () {# املأ هذا لاحقًا} - "تسجيل" ملف CSS الخاص بك مع WordPress باستخدام الوظيفة المضمنة التي تسمى wp_register_style في الخطوة التالية
- قم بإزالة الحشو الذي وضعناه في الكود وبدلاً من ذلك ضع wp_register_style ('name_of_css_style'، plugins_url ('file-location.css'، __ FILE__)) ؛
- لقد أخبرنا WordPress الآن بما نسميه أسلوب CSS وأين يوجد. حان الوقت الآن "لإدراج" النمط في قائمة الانتظار ، أو إخبار WordPress بأننا على استعداد لاستخدامه.
- البقاء داخل كتلة وظيفة addMyCSS ، أضف الكود wp_enqueue_style ('name_of_css_style') ؛ أسفل الكود الذي أدخلناه في الخطوة الأخيرة.
- هناك خطوة أخيرة ، ولكن أولاً ، تأكد من أنك خارج الوظيفة بأكملها التي أنشأناها وفي الجزء العام من ملف PHP.
- خارج addMyCSS ، أضف ببساطة السطر التالي: add_action ('wp_enqueue_scripts'، 'name_of_css_style')؛ . هذا يخبر WordPress بتشغيل تحميل هذا الملف عند تحميل الصفحة.
قد تتساءل عن سبب وجود wp_enqueue_scripts في وظيفة add_action لورقة الأنماط. هذه ببساطة هي الطريقة التي يطبق بها WordPress الميزة دائمًا.
إضافة ملفات جافا سكريبت إلى ووردبريس
الآن بعد أن انتهينا من عملية إنشاء وظيفة وتسجيل ملف وإضافة إجراء ، يجب أن يكون هذا الجزء بمثابة قطعة من الكعكة!
- أنشئ وظيفة في function.php تسمى addMyJS تمامًا كما فعلنا مع addMyCSS .
- سنستخدم الدالة wp_register_script ، لكنها أكثر تعقيدًا بعض الشيء. يحتوي على خمسة "معلمات" (العناصر الموضوعة بين قوسين). انظر أدناه لمعرفة ما هي كل معلمة.
- wp_register_script (1. اسم البرنامج النصي الخاص بك ، 2. plugins_url (location_of_script.js، __FILE__)، 3. مصفوفة من تبعيات JS ، عادةً مصفوفة (jquery) ، 4. نسخة (اختيارية) من ملف JS في علامات اقتباس فردية ، 5. يجب أن تكون صواب إذا كنت تريد JS في التذييل الخاص بك ، خطأ إذا كنت تريده في الرأس) ؛
- إليك مثال عملي لبعض JavaScript ليتم تشغيلها في تذييل السمة: wp_register_script ('timer_js'، plugins_url ('timer_file.js'، __FILE__)، array ('jquery')، '1.0'، true)؛
- مرة أخرى ، خارج وظيفة addMyJS الخاصة بنا ، "أدرج" البرنامج النصي الخاص بك عن طريق وضع هذا في منطقتك العامة من PHP: add_action ('wp_enqueue_scripts'، 'addMyJS')؛
قد يبدو الأمر معقدًا ، ولكن بمجرد أن تتعطل ، سيستغرق الأمر أقل من دقيقة ، لذلك لا تخف!
ما الإضافات التي يمكنني استخدامها لإضافة JavaScript إلى WordPress؟
هناك العديد من المكونات الإضافية المجانية تمامًا لهذا الغرض فقط. يعمل كل منها بشكل مختلف قليلاً ، لذلك يمكنك تجربة القليل قبل الالتزام. فيما يلي خمسة منها رئيسية لتجربتها.
- ASync - بشكل فريد ، يقوم هذا المكون الإضافي بتحميل ملفات JS و CSS بشكل منفصل عن باقي صفحتك. يمكن أن يكون هذا مفيدًا بشكل خاص إذا كان هناك خطأ في الترميز من شأنه أن يوقف تحميل صفحتك إلى أجل غير مسمى.
- JS in Widgets - هل تحتاج فقط إلى إضافة بضعة أسطر من الرموز لشيء مثل Google Analytics؟ يزيل هذا المكون الإضافي المتاعب منه ويسمح بإضافة مقتطفات صغيرة إلى مواقع WordPress الخاصة بك.
- Zia CSS / JS Helper - هذا هو الأفضل إلى حد بعيد لأولئك الذين لديهم خبرة في تطوير الويب HTML / CSS / JS الكلاسيكي. فهو يجعل وظيفة تحرير WordPress الخاصة بك تمامًا مثل تحرير موقع من خلال مدير ملفات cPanel. يمكنك استخدام CSS و JavaScript المضمنة لإضافة أجزاء من التعليمات البرمجية بسرعة وإنشاء ملفات خارجية وإدارتها والمزيد.
دائما النسخ الاحتياطي لموقعك أولا!
في حين أن الغالبية العظمى من مكونات WordPress الإضافية لن تسبب أي ضرر لموقعك ، فهناك دائمًا احتمال أن تواجه مشكلات. قبل تثبيت أي مكونات إضافية إضافية أو تعديل موقعك ، قم بعمل نسخة احتياطية من موقعك باستخدام مكون إضافي للنسخ الاحتياطي في WordPress يمكنه التعامل مع النسخ الاحتياطية الكاملة لتثبيت WordPress ، مثل BackupBuddy. وفر على نفسك ساعات من إعادة العمل الممكنة وتأكد من أن كل عملك الشاق لا يضيع هباءً.
هل يمكنني استخدام واجهات برمجة تطبيقات WordPress باستخدام JavaScript؟
كما تعلم ، يحتوي WordPress على سلسلة واسعة من واجهات برمجة التطبيقات ، أو واجهات برمجة التطبيقات. تعد واجهات برمجة التطبيقات (API) في الأساس وظائف من جانب الخادم يمكنك استخدامها في لغات مثل JavaScript. الطريقة الأحدث والأكثر حداثة للمطورين لتعلم وظائف واجهة برمجة تطبيقات WordPress هي من خلال صفحة مرجع كود واجهات برمجة تطبيقات WordPress WordPress.
هذا هو المكان الذي حصلنا فيه على تلك "الوظائف المضمنة" التي استخدمناها سابقًا. يمكننا الاستمرار لعدة أيام حول كل وظيفة في واجهات برمجة التطبيقات وكيفية عملها جنبًا إلى جنب مع JavaScript. ومع ذلك ، هذا موضوع متقدم يتطلب ببساطة وقتًا فرديًا وتفانيًا في التعلم.
هل توجد مكتبات JavaScript مصممة خصيصًا لـ WordPress؟
نعم! مع إدراك أن العديد من المطورين لم يتقنوا كامل محتوى WordPress API ، فقد أنشأ العديد من المبرمجين مكتبات JavaScript يمكن دمجها بسهولة ، باستخدام أي من المكونات الإضافية التي ناقشناها من قبل.
تم العثور على معظم مكتبات JavaScript على GitHub وهي مجانية تمامًا. هناك مئات الآلاف من مكتبات JavaScript المتاحة والمتوافقة مع WordPress ، بدءًا من مكتبة تضيف تأثيرات ممتعة إلى WordPress إلى مكتبة تتيح لك إنشاء موقع بتصميم مشابه جدًا لـ Pinterest!
المكتبة الأكثر شهرة المستخدمة مع WordPress (ومعظم المواقع) تسمى jQuery. يزيل jQuery التعقيد من JavaScript وبمجرد أن تتعطله ، ستكتب الوظائف بسرعة وسهولة.
يساعد! My WordPress JavaScript لا يعمل!
أحد الأجزاء الأقل حظًا في JavaScript هو أن الأخطاء ليست واضحة. وإضافة WordPress فوق ذلك يمكن أن يجعل الأمر مربكًا للغاية.
يمكن أن تحدث بعض الأخطاء بسهولة مثل علامة الاقتباس المنسية. يمكن أن يكون سبب البعض الآخر أخطاء تشفير كبيرة لا يمكن التعرف عليها بسهولة. إذن ، كيف يمكن للمطورين المحترفين معرفة الفرق؟
هناك مفتاحان رئيسيان لاستكشاف الأخطاء وإصلاحها: وظيفة console.log JavaScript ووحدة التحكم في تصحيح أخطاء المتصفح. تعد وحدة تحكم Chrome على وجه الخصوص رائعة لهذا الغرض.
وحدة التحكم
يمكن استخدام هذا لمعرفة قيمة المتغير في نقطة معينة في دالة والتأكد من الوصول إلى أجزاء من الوظائف بالفعل. داخل ملف JavaScript ، يمكنك ببساطة وضع شيء مثل console.log ("test") ؛ .
وحدة التصحيح
اعتمادًا على المتصفح المستخدم ، سيكون إعداد وحدة التحكم مختلفًا. بشكل عام ، ما عليك سوى الضغط على F12 لفتحه ، ثم النقر فوق علامة التبويب "وحدة التحكم".
ستعرض وحدة التحكم السطر ، أي ملف JavaScript ، حدث خطأ. عادةً ما يُظهر "stacktrace" الكامل ، أو سلسلة الملفات التي يجب أن تمر حتى تصل إلى الجاني. هذا هو المكان الذي تتم فيه طباعة رسائل console.log .
الختام: JavaScript + WordPress
هناك أدوات احترافية ستمنحك نظرة ثاقبة أكثر بكثير ، لكنها عادةً ما تكلف فلساً واحداً. والخبر السار هو أنه بينما تتوسع لتصبح أكبر مطور جافا سكريبت WordPress في العالم ، ستتوسع الأدوات معك!
تكتب كريستين دروسًا تعليمية لمساعدة مستخدمي WordPress منذ 2011. يمكنك عادةً العثور عليها وهي تعمل على مقالات جديدة لمدونة iThemes أو تطور موارد لـ #WPprosper. خارج العمل ، تستمتع كريستين بكتابة اليوميات (كتبت كتابين!) ، والمشي لمسافات طويلة والتخييم ، والطهي ، والمغامرات اليومية مع عائلتها ، على أمل أن تعيش حياة أكثر حاضرًا.
