خطایابی وردپرس: چگونه به جای تابع var_dump از console.log استفاده کنیم؟

معمولا در هنگام پلاگین نویسی وردپرس یا طراحی قالب به خطاهایی بر می خورید که لازم است مقادیر متغیرها، آیتم های آرایه، متدها و خصوصیات یک کلاس را چاپ کنید، راه حل پیشنهادی در بیشتر مواقع استفاده از تابع var_dump است.

<?php
   $blog_posts = [ 'title' => 'The First Post', 'content' => 'lorem' ];
   var_dump( $blog_posts );
?>

 

var_dump برای اینکار عالی است، اما مشکل این است که خروجی و فرمت مناسبی ارائه نمی دهد و ظاهر وب سایت را بهم می ریزد.

تابع var-dump در php

 

در طرف دیگر داستان، توسعه دهندگان جاوا اسکریپت هستند که برای مشاهده مقادیر متغیرها و خطایابی های خود از ابزار Developer Tools مرورگر وب استفاده می کنند. برای بررسی این موضوع مقادیر یک آرایه را در کنسول Google Chrome چاپ کردیم:

var blog_posts = { "title" : "The First Post", "content" : "lorem"};
console.log( blog_posts );

 

همانطور که می بینید خروجی نهایی به هیچ وجه قابل مقایسه با تابع var_dump نیست.

خروجی دستور console.log

فرمت مناسب، رنگ بندی مشخص و عدم چاپ مستقیم مقادیر در داخل مرورگر از جمله مزایایی است که کنسول مرورگر در اختیارتان قرار می دهد، اگر می خواهید از این قابلیت قدرتمند در وردپرس استفاده کنید کافی است گام های زیر را انجام دهید:

گام اول: ابتدا افزونه PHP Console گوگل کروم را نصب و فعال کنید.

افزونه php console مرورگر کروم

 

گام دوم: سپس افزونه وردپرسی WP PHP Console را نصب و فعال کنید.

افزونه wp php console

 

گام سوم: وارد تنظیمات WP PHP Console شوید و طبق تصویر زیر پس از مشخص کردن کلمه عبور و انتخاب گزینه های موردنظر بر روی ذخیره تغییرات کلیک کنید.

تنظیمات افزونه wp php console

 

گام چهارم: به محض ذخیره تغییرات، افزونه PHP Console تغییر وضعیت داده و به کلید زرد رنگ تبدیل می شود.

افزونه php console گوگل کروم

 

گام پنجم: حالا برای برقراری ارتباط بین دو افزونه نصب شده بر روی آیکن کلید کلیک کرده و رمز عبوری که در تنظیمات افزونه وردپرسی مشخص کرده اید را وارد کنید.

ارتباط افزونه php console با wp php console

 

گام ششم(تست): در این مرحله می خواهیم لیست پست های وردپرس را در کنسول مرورگر چاپ کنیم، برای این منظور از متد debug کلاس PC که مربوط به افزونه WP PHP Console استفاده می کنیم(کد زیر را در فایل single.php قرار دادیم).

PC::debug( get_posts() );

 

گام هفتم: کنسول Chrome را با کلید F12 باز کرده و صفحه را رفرش کنید، همانطور که مشاهده می کنید خروجی کار با فرمتی خوانا و مرتب نشان داده شده است.

استفاده از کنسول مرورگر در وردپرس

جمع بندی

برای بررسی سایر قابلیت های این افزونه ها کافی است بر روی آیکن کلید که پس از ورود کلمه عبور به آیکون ترمینال تغییر شکل داده است کلیک کرده تا با سایر امکانات آن آشنا شوید. در پایان برای آشنایی بیشتر با بحث خطایابی پیشنهاد می کنیم مقاله آموزشی چگونه خطاهای وردپرس را ردیابی کنیم؟ را مطالعه کنید.

نظرات و سوالات کاربران

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *