7 WordPress Debugging Tools สำหรับการแก้ไขปัญหา

แม้ว่า WordPress จะเป็นสภาพแวดล้อมที่มีการควบคุม ซึ่งมีข้อผิดพลาดน้อยกว่าการตั้งค่าการพัฒนาซอฟต์แวร์ทั่วไป แต่ก็มักจะมีหน้าต่างหรือประตูที่ปัญหาสามารถคลานเข้ามาได้

ตามกฎทั่วไป อาจกล่าวได้ว่ายิ่งเครื่องมือมีความยืดหยุ่นมากเท่าใด คุณก็จะพบข้อผิดพลาดมากขึ้นเท่านั้น

ในกรณีเฉพาะของ WordPress นั้นมีความยืดหยุ่นมากมาย ดังนั้นจึงมีข้อผิดพลาดที่อาจเกิดขึ้นมากมาย คุณมีสถาปัตยกรรมปลั๊กอินแบบเปิดที่คุณสามารถใช้เพื่อเพิ่มคุณสมบัติให้กับ CMS คุณมีเว็บเซิร์ฟเวอร์ ผู้ให้บริการโฮสต์ ระบบจัดการฐานข้อมูล และเครือข่าย องค์ประกอบทั้งหมดเหล่านี้เป็นปัจจัยอิสระที่นำไปสู่ปัญหาที่อาจเกิดขึ้นร่วมกัน

ปัญหาประเภทต่างๆ ที่คุณพบ ได้แก่ ประสิทธิภาพการทำงานช้า เนื้อหาที่ไม่ถูกต้องหรือเสียหาย ข้อความแสดงข้อผิดพลาด และที่แย่ที่สุดคือ หน้าจอสีขาวแห่งความตาย (WSoD) ซึ่งหมายความว่าเว็บไซต์ของคุณขัดข้องและต้องได้รับการดำเนินการทันที

แม้แต่ปัญหาด้านประสิทธิภาพเล็กน้อย เช่น ความล่าช้าน้อยกว่า 2 วินาที เป็นสิ่งที่คุณควรกังวลเพราะอาจ (และจะ) ทำลายกลยุทธ์ SEO และตำแหน่งของคุณในผลลัพธ์ของเครื่องมือค้นหา และนั่นแปลตรงตัวว่ามีผู้เข้าชมน้อยลงทุกวัน เพราะทุกวันนี้ การตอบสนองอย่างรวดเร็วคือทุกสิ่ง โดยเฉพาะสำหรับผู้ใช้มือถือ

นั่นเป็นเหตุผลว่าทำไมการมีเครื่องมือที่คุณสามารถใช้ได้ทุกครั้งที่รู้สึกว่าเว็บไซต์ของคุณทำงานไม่ถูกต้องจึงเป็นสิ่งสำคัญ และถึงแม้จะเป็นเช่นนั้น ก็มีพื้นที่ให้ปรับปรุงประสิทธิภาพหรือความสามารถในการใช้งานอยู่เสมอ

การดีบักคืออะไร?

การดีบักเป็นงานที่นักพัฒนาดำเนินการเพื่อตรวจหาและลบข้อผิดพลาด (หรือที่เรียกว่าข้อบกพร่อง) ออกจากโปรแกรมของตน ทำได้โดยใช้เครื่องมือพิเศษที่ช่วยให้คุณเห็นสิ่งที่เกิดขึ้นภายในโปรแกรมขณะดำเนินการ

บางครั้ง ส่วนที่ยากที่สุดของงานการดีบักคือการค้นหาส่วนประกอบ คำสั่ง หรือคำสั่งที่แม่นยำซึ่งทำให้เกิดข้อผิดพลาด ในการทำเช่นนี้ นักพัฒนาจะทำเช่นเดียวกับแพทย์ที่ต้องวินิจฉัย: วิเคราะห์อาการและหากจำเป็น ให้ทำการศึกษาเพื่อระบุสาเหตุของปัญหา การพัฒนาซอฟต์แวร์เทียบเท่าการศึกษาทางการแพทย์เป็นเครื่องมือตรวจสอบที่ให้ข้อมูลเกี่ยวกับการทำงานภายในของเว็บไซต์

มาดูตัวเลือกกันบ้าง

WP_DEBUG

WordPress มีตัวช่วยดีบักในตัวที่มักถูกมองข้าม มันคือ “ค่าสถานะ” ที่เรียกว่า WP_DEBUG ซึ่งจะเรียกใช้โหมดแก้ไขข้อบกพร่องใน WordPress ทุกครั้งที่เปิดใช้งาน เมื่อคุณเปิดใช้งาน WP_DEBUG บันทึกจะถูกสร้างขึ้นที่บันทึกกิจกรรมทั้งหมดของเว็บไซต์ของคุณ เมื่ออ่านบันทึกนี้ คุณอาจพบว่าสิ่งใดทำงานไม่ถูกต้องบนเว็บไซต์ WordPress ของคุณ

ในการเปิด WP_DEBUG คุณต้องทำการเข้ารหัส โดยแก้ไขไฟล์ wp-config.php และเพิ่มบรรทัดที่จำเป็นเพื่อสั่งให้เว็บไซต์ของคุณบันทึกกิจกรรมทั้งหมดในบันทึก งานเขียนโค้ดนี้ไม่เหมาะสำหรับทุกคน คุณต้องระวังให้มากเมื่อแก้ไขไฟล์ wp-config.php เพราะหากคุณวางบรรทัดหรืออักขระผิดที่ เว็บไซต์ของคุณอาจหยุดทำงาน นอกจากนี้ ให้สำรองข้อมูลไซต์/ไฟล์ของคุณก่อนดำเนินการใดๆ หากคุณเลอะเทอะ คุณสามารถกู้คืนข้อมูลสำรองและย้อนกลับทุกอย่างกลับมาเป็นปกติได้

ในการแก้ไขไฟล์ wp-config.php ให้ใช้ตัวจัดการไฟล์ของผู้ให้บริการโฮสต์ของคุณหรือใช้ไคลเอนต์ FTP เพื่อดาวน์โหลดไฟล์และเปิดไฟล์ในเครื่องด้วยโปรแกรมแก้ไขข้อความที่คุณต้องการ ไฟล์นี้อยู่ในไดเร็กทอรีหลักของการติดตั้ง WordPress ของคุณ หลังจากที่คุณเปิด ให้ค้นหาบรรทัดที่กำหนด WP_DEBUG ควรมีลักษณะดังนี้:

define( 'WP_DEBUG', false );

หากไม่มีบรรทัดดังกล่าว ให้ค้นหาความคิดเห็นต่อไปนี้:

/* That’s all, stop editing! Happy blogging. */

และเพิ่มบรรทัดต่อไปนี้เหนือความคิดเห็นนั้น คำสั่งเหล่านี้จะแนะนำให้ไซต์ของคุณบันทึกข้อผิดพลาดทั้งหมดโดยไม่แสดง ซึ่งมีประโยชน์สำหรับเว็บไซต์ที่เปิดเผยต่อสาธารณะ:

define('WP_DEBUG', true); 
define('WP_DEBUG_LOG', true); 
define('WP_DEBUG_DISPLAY', false); 
@ini_set('display_errors',0);

บันทึกไฟล์ที่แก้ไข และหากคุณใช้ FTP ให้อัปโหลดไปยังไซต์ของคุณ จากนั้นลองกระตุ้นข้อผิดพลาด (หรือรอจนกว่าจะเกิดข้อผิดพลาด) และตรวจสอบไฟล์ debug.log คุณจะพบมันในโฟลเดอร์ wp-content ของการติดตั้ง WordPress ของคุณ คุณสามารถเปิดด้วยโปรแกรมแก้ไขข้อความและค้นหาข้อความแสดงข้อผิดพลาดที่เปิดเผยสิ่งที่ทำให้เว็บไซต์ของคุณมีปัญหา

  แก้ไขไม่สามารถอัปเดต World of Warcraft BLZBNTAGT00000840 ข้อผิดพลาด

หลังจากทำเช่นนี้ คุณควรปิดการบันทึกโดยเปลี่ยนค่า “จริง” เป็น “เท็จ” ในทุกบรรทัดที่คุณเพิ่มหรือเปลี่ยนแปลงในไฟล์ wp-config.php

การรายงานข้อผิดพลาด WPDB

หากคุณทราบหรือสงสัยว่าฐานข้อมูลของเว็บไซต์ของคุณก่อให้เกิดปัญหา คุณสามารถเปิดใช้งานการรายงานข้อผิดพลาด WPDB สิ่งนี้ต้องมีการเข้ารหัสด้วย เมื่อคุณเปิดใช้งานการรายงานข้อผิดพลาด คุณสามารถสั่งให้เว็บไซต์ของคุณเริ่มแสดงข้อผิดพลาดของฐานข้อมูลบนหน้าจอได้

คุณไม่ควรทำเช่นนี้บนเว็บไซต์จริง เว้นแต่คุณจะไม่สนใจว่าผู้เยี่ยมชมของคุณจะได้รับข้อความแสดงข้อผิดพลาดบนหน้าจอของพวกเขาหรือไม่ จะดีกว่าถ้าใช้เว็บไซต์แสดงละคร (ตามที่อธิบายไว้ด้านล่าง) ซึ่งคุณสามารถทดสอบทุกสิ่งที่คุณต้องการโดยไม่ต้องให้ทุกคนเห็นว่าเกิดอะไรขึ้นภายใต้ประทุน

การอ่านรายงานข้อผิดพลาดหรือบันทึกเหล่านี้ต้องใช้ความรู้ด้านเทคนิค เช่นเดียวกับการใช้ความรู้ทางการแพทย์ในการอ่านเอ็กซเรย์ เป็นต้น คุณจะต้องถอดรหัสการเขียนโปรแกรม เครือข่าย หรือศัพท์แสงฐานข้อมูล แต่คุณอาจพบปัญหารากที่ส่งผลต่อเว็บไซต์ของคุณ จากนั้นขอความช่วยเหลือจากผู้ที่สามารถแก้ปัญหาเฉพาะนั้นได้

ในการเริ่มสร้างรายงานข้อผิดพลาดของฐานข้อมูล ให้เพิ่มบรรทัดต่อไปนี้ในไฟล์ wp-config.php ของคุณ (ในลักษณะเดียวกับที่ได้อธิบายไว้ก่อนหน้านี้เพื่อสร้างบันทึกการดีบัก):

define( 'SAVEQUERIES', true);

ด้วยการตั้งค่านี้เป็นจริง ฐานข้อมูลจะเริ่มจัดเก็บคำค้นหาทั้งหมดที่เว็บไซต์ของคุณสร้างขึ้น จากนั้น คุณจะสามารถตรวจสอบจำนวนการสืบค้นที่เกิดจากคำขอหน้าแต่ละหน้าและคำสั่งที่ใช้ในแต่ละรายการได้ วิธีหนึ่งในการแสดงข้อความค้นหาบนหน้าจอคือการเพิ่มบรรทัดเหล่านี้ในไฟล์ PHP ของธีมภายในขั้นตอนการดำเนินการของคุณ:

global $wpdb; 
print_r( $wpdb->queries );

เมื่อคุณแก้ไขจุดบกพร่องเสร็จแล้ว คุณควรลบบรรทัดเหล่านี้เพื่อกู้คืนเว็บไซต์ของคุณกลับสู่การทำงานปกติ

การใช้เว็บไซต์การแสดงละคร

เว็บไซต์แสดงละครคือโคลนของเว็บไซต์จริงของคุณ ซึ่งคุณสามารถทดสอบการเปลี่ยนแปลงหรือคุณสมบัติใหม่ก่อนที่จะใช้งานจริง ยังเป็นความคิดที่ดีที่จะใช้เว็บไซต์แสดงละครเพื่อแก้ไขจุดบกพร่องหรือตรวจสอบพฤติกรรมของปัญหา เพราะจะช่วยให้คุณมีอิสระในการทดลองใช้ทุกอย่างที่คุณต้องการโดยไม่รบกวนผู้ใช้จริงของเว็บไซต์ของคุณ

เป็นสิ่งสำคัญที่เว็บไซต์แสดงละครจะสะท้อนถึงเนื้อหาและโครงสร้างของเว็บไซต์จริงของคุณ เมื่อใดก็ตามที่คุณอัปเดตไซต์ WordPress ด้วยเนื้อหาใหม่หรือส่วนเสริมใหม่ (ส่วนใหญ่เป็นปลั๊กอินและธีม) คุณควรรีเฟรชไซต์การแสดงละครด้วยสำเนาของจริง ด้วยวิธีนี้ หากเกิดปัญหาขึ้นบนเว็บไซต์ที่ใช้งานจริงของคุณ คุณจะสามารถทำซ้ำได้ในสภาพแวดล้อมการแสดงละครของคุณ

ผู้ให้บริการโฮสติ้ง WordPress ที่มีการจัดการหลายรายเสนอไซต์การแสดงละครเพื่อเพิ่มมูลค่าให้กับแผนการชำระเงินของพวกเขา นี่เป็นวิธีที่เป็นมิตรกับผู้ใช้มากที่สุดในการสร้างสภาพแวดล้อมการแสดงละคร ซึ่งคุณสามารถเล่นและทดลองสิ่งต่างๆ ได้โดยไม่ต้องเสี่ยง แต่ถ้าผู้ให้บริการโฮสติ้งของคุณไม่เสนอความเป็นไปได้นี้ คุณสามารถสร้างไซต์การแสดงละครโดยใช้ WP Staging เสียบเข้าไป. ปลั๊กอินนี้ทำให้ง่ายต่อการโคลนเว็บไซต์ของคุณ จากนั้นใช้โคลนเสมือนว่าเป็นของจริง คุณจะรู้ได้เสมอเมื่อคุณอยู่ในสภาพแวดล้อมการแสดงละคร เพราะแถบสีส้มที่ด้านบนของหน้าจอจะบอกให้คุณทราบ

หากคุณสนุกกับการทำมือสกปรก คุณสามารถสร้างไซต์การแสดงละครด้วยตนเองบนโดเมนย่อยได้เสมอ สมมติว่าผู้ให้บริการโฮสติ้งของคุณอนุญาตให้คุณเพิ่มโดเมนย่อยในบัญชีของคุณ ขั้นตอนการสร้างไซต์การแสดงละครในลักษณะนี้อาจมีความยุ่งยากเล็กน้อย ดังนั้น หากคุณเป็นผู้เริ่มต้นใช้งาน WordPress คุณอาจต้องการใช้ตัวเลือกอื่น

ตรวจสอบแบบสอบถาม

ชื่อของมันอาจทำให้เข้าใจผิดเพราะ ตรวจสอบแบบสอบถาม ทำมากกว่าแค่ตรวจสอบคำค้นหา เป็นแผงควบคุมสำหรับนักพัฒนาที่สมบูรณ์สำหรับ WordPress ทำให้สามารถแก้ไขข้อบกพร่องของสคริปต์ สไตล์ชีต การเรียก API การสืบค้นฐานข้อมูล ข้อผิดพลาด PHP และอื่นๆ คุณสมบัติขั้นสูงบางอย่างช่วยให้คุณดีบักการโทร Ajax และทำการตรวจสอบความสามารถของผู้ใช้

  วิธีริป DVD ใน 5 นาทีด้วย WinX DVD Ripper

เมื่อคุณติดตั้งและเปิดใช้งาน Query Monitor จะเริ่มแสดงข้อมูลเกี่ยวกับพฤติกรรมของเว็บไซต์ของคุณด้วยวิธีที่มีประโยชน์ที่สุด

ตัวอย่างเช่น จะแสดงการสืบค้นฐานข้อมูลรวมที่จัดกลุ่มตามฟังก์ชัน ปลั๊กอิน หรือธีมที่เริ่มทำงาน เมนูแถบเครื่องมือของผู้ดูแลระบบจะแสดงสถิติปัจจุบันของหน้าปัจจุบัน พร้อมด้วยข้อมูลการแก้ไขข้อบกพร่องทั้งหมดที่คุณอาจต้องใช้ในการประเมินปัญหาที่คุณต้องแก้ไข

ด้วยการใช้ Query Monitor คุณสามารถจำกัดการค้นหาของคุณให้แคบลงเรื่อยๆ เพื่อหาจุดบกพร่องตามปลั๊กอินหรือธีม จนกว่าคุณจะพบข้อบกพร่องที่ลดประสิทธิภาพของเว็บไซต์ของคุณหรือทำให้เกิดการทำงานผิดพลาด เช่นเดียวกับ WordPress ตัวตรวจสอบแบบสอบถามนั้นฟรีและโอเพ่นซอร์สอย่างสมบูรณ์

ก่อนหน้านี้เรียกว่า Firebug เครื่องมือสำหรับนักพัฒนา Firefox เป็นเวอร์ชันพิเศษของ Firefox ที่ได้รับการปรับแต่งสำหรับนักพัฒนา โดยนำเสนอคุณลักษณะและเครื่องมือการพัฒนาล่าสุด ไม่เฉพาะเจาะจงสำหรับ WordPress แต่กลับกลายเป็นว่ามีประโยชน์มากสำหรับการดีบักเว็บไซต์

หลีกเลี่ยงไม่ได้ที่จะเปรียบเทียบ Firefox Developer Tools กับ Chrome DevTools ที่ได้รับความนิยมมากกว่า เมื่อทำเช่นนั้น เลย์เอาต์ที่มั่นคงของ Firefox จะโดดเด่น ตัวอย่างเช่น คุณสามารถคลิกขวาที่องค์ประกอบใดก็ได้เพื่อดึงแท็บตัวตรวจสอบ และเว็บคอนโซลให้ผลลัพธ์ที่สมบูรณ์เมื่อพิมพ์วัตถุ ซึ่งแสดงข้อมูลมากกว่าแค่ชื่อ ให้ข้อมูลเพิ่มเติมสำหรับบางประเภท ทำให้สามารถตรวจสอบคุณสมบัติของอ็อบเจ็กต์โดยละเอียด และให้ข้อมูลที่สมบูรณ์ยิ่งขึ้นสำหรับองค์ประกอบ DOM

ด้วยเครื่องมือ Inspector คุณสามารถตรวจสอบและแก้ไขหน้า HTML และ CSS ได้ ทำให้คุณสามารถดำเนินการดังกล่าวกับหน้าที่โหลดในเครื่อง Firefox หรืออุปกรณ์ระยะไกล เช่น Firefox สำหรับ Android

เว็บคอนโซลแสดงข้อมูลทั้งหมดที่คุณอาจต้องการเกี่ยวกับหน้าเว็บ: JavaScript, คำขอเครือข่าย, CSS, คำเตือน, ข้อความแสดงข้อผิดพลาด และข้อความแสดงข้อมูลที่บันทึกไว้อย่างชัดเจนโดยโค้ด JavaScript นอกจากนี้ยังช่วยให้คุณสามารถโต้ตอบกับหน้าเว็บโดยดำเนินการนิพจน์ JavaScript โดยตรงในบริบทของหน้า

พระบรมสารีริกธาตุใหม่

ในฐานะหนึ่งในผู้เล่นที่ใหญ่ที่สุดในอุตสาหกรรม APM (Application Performance Monitoring) พระบรมสารีริกธาตุใหม่ เป็นผลิตภัณฑ์เชิงพาณิชย์ที่นักพัฒนาหลายพันรายทั่วโลกใช้ในแต่ละวันเพื่อรับข้อมูลเชิงลึกด้านประสิทธิภาพเกี่ยวกับผลิตภัณฑ์ซอฟต์แวร์ของตน มีสถาปัตยกรรมปลั๊กอินที่ช่วยให้บุคคลที่สามสามารถทำงานเพิ่มเติมได้ ส่งผลให้เกิดเทคโนโลยีที่ไม่มีที่สิ้นสุดที่สามารถตรวจสอบได้ด้วยเครื่องมือนี้

ด้วยราคาตั้งแต่ $ 9.37 ถึง $ 200 ต่อโฮสต์ต่อเดือน มันมีไว้สำหรับงานดีบักระดับมืออาชีพ นอกจากนี้ยังมีช่วงการเรียนรู้ที่ขยายออกไป ดังนั้นนอกจากการใช้จ่ายเงินในการแก้ปัญหาแล้ว คุณยังต้องลงทุนเวลาในการเรียนรู้ที่จะใช้มันด้วย ผู้ใช้ New Relic ชื่นชมความจริงที่ว่ามันถูกรวมเข้ากับแอพพลิเคชั่นสำหรับ APM และการตรวจสอบโครงสร้างพื้นฐานได้อย่างง่ายดาย

Kinsta ให้คุณรวม New Relic ได้อย่างง่ายดายจากแดชบอร์ด MyKinsta

แถบดีบัก

แถบดีบัก เป็นชุดของปลั๊กอินที่สามารถเข้าถึงได้ผ่านเมนูแก้ไขข้อบกพร่องบนแถบผู้ดูแลระบบ WordPress ซึ่งแสดงข้อมูลการดีบักที่หลากหลาย ตัวเลือกรวมถึงคอนโซล, รหัสย่อ, ค่าคงที่, ประเภทโพสต์, cron, การดำเนินการ & ตัวกรอง, ชั่วคราว, คำขอระยะไกลและสคริปต์รายการและการพึ่งพาสไตล์ เป็นปลั๊กอินโอเพ่นซอร์สจึงสามารถใช้งานได้ฟรี

  Lingua.ly สอนภาษาอังกฤษ ฝรั่งเศส สเปน อาหรับ และฮิบรู

ปลั๊กอินหลัก แถบดีบัก มีฟังก์ชันพื้นฐาน ขยายโดยปลั๊กอินที่เหลือ ทำงานร่วมกับแฟล็กการดีบักในตัวที่นำเสนอโดย WordPress เช่น WP_DEBUG และ SAVEQUERIES เมื่อแฟล็กเหล่านี้ทำงาน Debug Bar จะเพิ่มข้อมูลการดีบักที่เป็นประโยชน์ เช่น คำเตือน PHP และการสืบค้น MySQL ช่วยให้คุณไม่ต้องยุ่งยากในการค้นหาและอ่านไฟล์บันทึก

แต่ละตัวเลือกในเมนู Debug Bar ให้ส่วนแบ่งของอำนาจการดีบัก ตัวอย่างเช่น คอนโซลมีคอนโซลซึ่งคุณสามารถเรียกใช้โค้ด PHP ได้ตามอำเภอใจ ซึ่งเหมาะสำหรับการทดสอบเนื้อหาของตัวแปร (นอกเหนือจากการใช้งานอื่นๆ) Cron แสดงข้อมูลเกี่ยวกับกิจกรรมตามกำหนดเวลาของ WordPress เช่น เวลาของกิจกรรมถัดไป จำนวนกิจกรรมตามกำหนดการ รายการกิจกรรมตามกำหนดการที่กำหนดเอง ฯลฯ การดำเนินการและตัวกรองเป็นอีกตัวเลือกหนึ่งในการแสดง hook ที่แนบมากับคำขอปัจจุบัน แท็บการดำเนินการจะแสดงการดำเนินการที่เกี่ยวข้องกับคำขอปัจจุบัน ในขณะที่แท็บตัวกรองจะแสดงแท็กตัวกรองทั้งหมดพร้อมกับฟังก์ชันที่แนบมากับแต่ละรายการ

แก้จุดบกพร่องสำหรับทุกคน

เครื่องมือดีบักส่วนใหญ่ออกแบบมาสำหรับมืออาชีพด้านการพัฒนาซอฟต์แวร์ แต่ถึงแม้ว่าคุณจะไม่ใช่นักพัฒนาก็ตาม หากคุณเพียงแค่ดูแลบล็อก WordPress อย่างน้อยก็ควรมีความรู้พื้นฐานเกี่ยวกับวิธีการตรวจสอบและแก้ไขข้อบกพร่องของไซต์ของคุณ การทำเช่นนี้คุณสามารถให้ข้อมูลแก่นักพัฒนาซอฟต์แวร์ที่จะช่วยให้เขาหรือเธอค้นหาสาเหตุของปัญหาได้เช่นเดียวกันว่าหากคุณรู้สึกไม่ดีคุณสามารถบันทึกงานของแพทย์ได้โดยการวัดอุณหภูมิด้วยตัวเอง ก่อนไปโรงพยาบาล

เรียนรู้วิธีสร้างรายได้อย่างมืออาชีพของ WordPress

เรื่องล่าสุด

x