ฉันเคยใช้การดีบัก printf มาก่อนและตั้งแต่นั้นมาฉันก็ดูเหมือนจะแก้ไขข้อผิดพลาดได้เร็วขึ้นด้วยวิธีนี้
ในบางกรณีจำเป็นต้องใช้เครื่องมือที่ดีกว่านี่คือสิ่งที่ดีที่สุดและฉันแน่ใจว่าคุณจะพบว่ามีประโยชน์:
1. ดีบักเกอร์;
คุณสามารถใช้ "ดีบักเกอร์;" คำสั่งเพื่อเพิ่มจุดพักที่ถูกบังคับให้กับรหัสของคุณ
เงื่อนไขเบรกพอยต์จำเป็นหรือไม่? เพียงแค่ห่อมันในประโยค IF:
การคัดลอกรหัสมีดังนี้:
ถ้า (somethinghappens) {
ดีบักเกอร์;
-
เพียงจำไว้ว่าให้ลบออกก่อนออนไลน์
2. ตัดการเชื่อมต่อเมื่อโหนดเปลี่ยนแปลง
บางครั้ง DOM ดูเหมือนจะมีความคิดของตัวเอง เป็นการยากที่จะหาสาเหตุของปัญหาเมื่อเกิดการเปลี่ยนแปลงอย่างไม่น่าเชื่อ
นักพัฒนา Chrome มีทักษะที่มีประโยชน์มากในการแก้ไขปัญหานี้ สิ่งนี้เรียกว่า "break on ... " ซึ่งคุณสามารถค้นหาได้โดยคลิกขวาที่โหนด DOM บนแท็บองค์ประกอบ
จุดพักสามารถตั้งค่าได้หลังจากลบโหนดเมื่อคุณสมบัติของโหนดเปลี่ยนหรือโหนดในการเปลี่ยนแปลงทรีย่อย
3. เบรกพอยต์ Ajax
เบรกพอยต์ XHR หรือสิ่งที่ฉันเรียกว่าเบรกพอยต์ Ajax ยังอนุญาตให้ตัดการเชื่อมต่อเมื่อมีการสร้างคำขอ AJAX ที่คาดหวัง
นี่เป็นเครื่องมือที่น่าประหลาดใจเมื่อทำการดีบักเครือข่ายเว็บแอปพลิเคชันของคุณ
4. จำลองอุปกรณ์มือถือที่แตกต่างกัน
Chrome เพิ่มเครื่องมือจำลองอุปกรณ์มือถือในตัวซึ่งจะทำให้กิจวัตรประจำวันของคุณง่ายขึ้น
เลือกแท็บที่ไม่ใช่ข้อต่อใด ๆ เพื่อค้นหาให้กดปุ่ม ESC บนแป้นพิมพ์และเลือกอุปกรณ์มือถือที่คุณต้องการสัมผัส
แน่นอนว่าคุณจะไม่ได้รับ iPhone จริง แต่ขนาดการสัมผัสและ Agemt จะตามมาเพื่อคุณ
5. ปรับปรุงเว็บไซต์ของคุณผ่านการตรวจสอบ
Yslow เป็นเครื่องมือที่ยอดเยี่ยม Chrome ยังมีเครื่องมือที่คล้ายกันที่เรียกว่าการตรวจสอบภายใต้เครื่องมือนักพัฒนา
ใช้การตรวจสอบอย่างรวดเร็วของเว็บไซต์ของคุณเพื่อรับเคล็ดลับการเพิ่มประสิทธิภาพที่เป็นประโยชน์
มีอะไรอีกบ้าง?
หากไม่มีเครื่องมือเหล่านี้ฉันไม่สามารถจินตนาการได้ว่าจะพัฒนาอย่างไร ฉันจะโพสต์มากขึ้นเมื่อฉันพบสิ่งใหม่ดังนั้นคอยติดตาม