ว่าด้วยเรื่องของการ “debug” และการใช้ FireBug บน Browser ทุกตัว

วันนี้ไปงาน Barcamp Bangkok#3 มา แอบเสียใจเล็กน้อยที่ไม่มีคนพูดเรื่อง JS Framework หรือ PHP Framework เท่าไหร่ แต่ก้มีเรื่องอื่นๆ ดีๆที่ได้ฟัง เช่นเรื่อง ธุรกิจสายใหม่ของคุณ Aum ซึ่งผมชอบมาก เพราะได้กิน ไสไหมด้วย อิอิ แต่ที่ชอบจริงๆ คือ ทำให้เกิด รอยหยักในสมองเพิ่ม ว่าธุรกิจธรรมดาๆ แต่ถ้าเราใส่ใจและ เติมไอเดีย ให้มั้น ก็รุ่งได้ไม่ใช่น้อย

และก็มีเพื่อนถามด้วยว่าทำไม ไม่พูดเรื่อง JS Framework เองเลยล่ะ อยากจะบอกว่า กว่าจะโผล่ไปงานก็ บ่าย 3 แล้วคร๊าบบบ แถมกลัวไปอ๊วกใส่ไมค์ เค้าด้วย เพราะว่า ก่อนหน้านั้น “เมา” อย่างหนัก เชื่อป่ะว่าให้ ตรวจ L-ก-ฮ ตอน บ่าย 1 ยังโดนจับเลย 555+

เอาล่ะ เข้าเรื่องๆ….

เรื่องนึงที่สร้างปัญหาให้อย่างหนัก แก่ Tester นั่นก็คือ “Bug” ครับ ไม่ใช่เรื่องเล็กๆ เลย สำหรับการเขียน bug แถมไปกับโปรแกรมด้วยเนี่ย มันเป็นปัญหาที่ทำให้เราดูไม่มีความเป็น มืออาชีพ และทำให้ ชนรุ่นหลังต้องมาเก็บ และสุดท้าย “การเ็ก็บ” มักจะลงท้ายด้วย การเพิ่มบั๊กลงไปแทน เพราะคนที่เก็บ อาจจะไม่ใช่คนเดียวกับคนเขียน ดังนั้น logic อาจจะไม่เหมือนกัน ผลลงเอยคือ application ที่อุตส่าห์ลงทุน ลงแรง วางโครงสร้างมาอย่างหูตาเหลือก ก็จะกลายเป็น app ที่แต่ละคน พยายาม เขียนอย่างขอไปที ในที่สุด อันนี้เชื่อผมเถอะครับ เจอมาหลายงานละ T_T

ดังนั้นการ เขียนโคด ต้องพยายามเทสเองครับ แล้วก็ เทสในหลายๆ กรณีด้วย

สำหรับเคสของ PHP นั้น การทำงานควรจะทำแบบนี้….
1. เปิด Error ทุกกรณีใน Developer environment
2. อย่าเรียกตัวแปรตรงๆ ให้เรียก $_GET, $_POST แบบนี้แทน
3. อย่าเอา @ ไปปกปิดความผิดพลาด แต่ให้เช็ค ก่อนว่าควรจะทำงานมั้ย
4. การเขียน Query ควรจะเช็ค พวก affected ด้วย
5. อย่าเรียก file เข้าหาตัวเองเช่น file_get_content(‘http:// domain ของ app’); มันเหมือนฆ่าตัวเอง
6. comment ให้ละเอียด ผมเห็นโคด ฝรั่งมัน comment เยอะกว่า coding อีก มันสะดวกมากเวลาหาอะไร
7. พวก file function พยายามออกแบบให้ดี อย่าให้มาสร้างปัญหาในอนาคต
8. พยายาม write error log ของ application เวลา publish แล้ว เพื่อให้ user จำนวนมากช่วยเทสให้เราด้วย

สำหรับเคสของ JS
1. พยายามบีบอัดไฟล์ js ให้เล็กที่สุดเท่าที่จะทำได้ เช่น compress และทำำ GZIP
2. เปิด FireBug ตลอดเวลา อย่าให้มี ตัว แดงๆ โผล่สักจุด 555+

เท่านี้และ เอาล่ะ ที่จริงวันนี้ไม่ได้กะมาเขียนพวกนี้หรอก แต่จะมาแนะนำ วิธีการใช้ FireBug บน Browser อื่นๆ นอกจาก Firefox ต่างหาก ง่ายมากครับ ขอบอก

ก่อนอื่นไปที่ GetFireBug ก่อน แล้ว save as ไฟล์ลงมา (อย่า hotlink นะครับ เพราะว่า มันจะทำให้ function บางตัวไม่ทำงาน เพราะ มองว่าเป็นการ cross domain)

แล้วก็เอามาแปะใน โคดของคุณซะ

จะเห็นได้ว่ามี ไอ้รูปแมลงของ FireBug เข้ามาแล้วใน IE และแล้วเราก็สามารถใช้ FireBug ใน IE ได้แล้ว เย้!

**เทคนิคนี้ใช้ได้ในทุกๆ browser ครับ เพราะว่า FireBug เองจริงๆ แล้ว เป็น Javascript ตัวนึงเหมือนกันครับ เพียงแต่ใน Firefox เค้า ทำงานผ่าน plugin เท่านั้นเอง