SCRIPT_DEBUG คืออะไร ใช้อย่างไร

SCRIPT_DEBUG คือตัวแปรสำหรับตั้งค่าเพื่อเรียกใช้งานไฟล์ Javascript และ CSS ของ WordPress แบบไม่ผ่านการ Minify

ซึ่งหากทำเช่นนี้ขนาดของไฟล์จะเล็กลดได้ 10-90% เลยทีเดียว จึงส่งผลให้เว็บโหลดเร็วขึ้นด้วย

โดยส่งผลต่อไฟล์ที่เรียกใช้งานจากโฟล์เดอร์ต่อไปนี้

  • wp-includes/js
  • wp-includes/css
  • wp-admin/js
  • wp-admin/css

ตัวอย่างเช่นจากเดิมเรียกใช้ wp-admin/js/admin-bar.min.js หากตั้งค่า SCRIPT_DEBUG เป็น true จะเรียกใช้งาน wp-admin/js/admin-bar.js แทน ซึ่งทั้ง 2 ไฟล์มีใน WordPress อยู่แล้ว

การใช้งาน SCRIPT_DEBUG

เราสามารถตั้งค่าได้ที่ wp-config.php โดยมีการประกาศดังนี้

define( 'SCRIPT_DEBUG', true );

ใช้งาน SCRIPT_DEBUG เมื่อไหร่

  • จากที่พูดถึงไปแล้วว่าทั้งไฟล์ที่มี .min และไม่มี นั้นมีอยู่ใน WordPress อยู่แล้ว ดังนั้นการใช้งาน SCRIPT_DEBUG จะถูกใช้เมื่อเราต้องการแก้ไขไฟล์ JavaScript และ CSS ในโฟล์เดอร์หลักของ WordPress นั่นเอง
  • ใช้เป็นตัวแปรเพื่อแจ้งให้ระบบรู้ว่าเว็บกำลังอยู่ในช่วงพัฒนา หรือในโหมด debug เพื่อบอกให้ระบบโหลด script เฉพาะที่ยังไม่ Minify ดังตัวอย่างด้านล่าง

if( SCRIPT_DEBUG ){
     wp_enqueue_script( 'custom_js', plugins_url( 'js/custom.js', __FILE__ ) );
}else{
     wp_enqueue_script( 'custom_js', plugins_url( 'js/custom.min.js', __FILE__ ) );
}

จากโค้ดตัวอย่างอธิบายได้ว่า หากตั้งค่า SCRIPT_DEBUG เป็นค่า true จะเท่ากับการเปิดโหมด debug จึงเรียกใช้ไฟล์ javascript ที่ไม่มี .min ซึ่งคือไฟล์มีการจัดเรียงบรรทัดและตัวอักษรให้สามารถอ่านหรือแก้ไขได้ง่ายนั่นเอง และหากดำเนินการเสร็จก็ทำ Minify เพื่อแปลงไฟล์เป็น custom.min.js อีกครั้งพร้อมปิดโหมด debug