มันเป็นเรื่องง่ายที่จะได้รับหายไปเขียนโค้ด JavaScript โดยไม่ต้องดีบัก
JavaScript แก้จุดบกพร่อง
มันเป็นเรื่องยากที่จะเขียนโค้ด JavaScript โดยไม่ต้องดีบัก
รหัสของคุณอาจมีข้อผิดพลาดไวยากรณ์หรือข้อผิดพลาดตรรกะที่ยากที่จะวินิจฉัย
บ่อยครั้งที่เมื่อโค้ด JavaScript มีข้อผิดพลาดอะไรจะเกิดขึ้น ไม่มีข้อความผิดพลาดและคุณจะได้รับข้อบ่งชี้ที่จะค้นหาไม่มีข้อผิดพลาด
โดยปกติแล้วข้อผิดพลาดที่จะเกิดขึ้นทุกครั้งที่คุณพยายามที่จะเขียนโค้ด JavaScript ใหม่บาง
แก้จุดบกพร่อง JavaScript
กำลังหาข้อผิดพลาดในการเขียนโปรแกรมรหัสเรียกว่ารหัสการแก้จุดบกพร่อง
แก้จุดบกพร่องนั้นไม่ใช่เรื่องง่าย แต่โชคดีที่เบราว์เซอร์ที่ทันสมัยทั้งหมดมีในตัวดีบัก
Built-in แก้จุดบกพร่องสามารถเปิดและปิดบังคับข้อผิดพลาดที่จะรายงานให้กับผู้ใช้
ด้วยการดีบักคุณยังสามารถตั้งจุดพัก (สถานที่ที่เรียกใช้โค้ดสามารถหยุด) และตรวจสอบในขณะที่ตัวแปรรหัสจะดำเนินการ
โดยปกติมิฉะนั้นทำตามขั้นตอนด้านล่างของหน้านี้คุณเปิดใช้งานการแก้จุดบกพร่องในเบราว์เซอร์ของคุณด้วยปุ่ม F12 และเลือก "คอนโซล" ในเมนูดีบัก
console.log() วิธี
หากเบราว์เซอร์ของคุณสนับสนุนการแก้จุดบกพร่องคุณสามารถใช้ console.log() เพื่อแสดงค่า JavaScript ในหน้าต่างดีบัก:
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html> ลองตัวเอง» การตั้งจุดพัก
ในหน้าต่างดีบักคุณสามารถตั้งจุดพักในโค้ด JavaScript
ในแต่ละเบรกพอยต์, JavaScript จะหยุดการดำเนินการและให้คุณตรวจสอบค่าใช้ JavaScript
หลังจากตรวจสอบค่าคุณสามารถกลับมาดำเนินการของรหัส (โดยปกติจะมีปุ่มเล่น)
ดีบักคำหลัก
คำหลักดีบักหยุดการดำเนินการของ JavaScript และบริการโทร (ถ้ามี) ฟังก์ชั่นการแก้จุดบกพร่อง
นี้มีฟังก์ชั่นเช่นเดียวกับการตั้งค่าเบรกพอยต์ในการดีบัก
หากไม่มีการแก้จุดบกพร่องใช้ได้คำสั่งดีบักไม่มีผล
ด้วยการดีบักเปิดใช้รหัสนี้จะหยุดการดำเนินการก่อนที่จะดำเนินการบรรทัดที่สาม
เบราว์เซอร์ที่สำคัญ 'เครื่องมือการแก้จุดบกพร่อง
ปกติคุณเปิดใช้งานการแก้จุดบกพร่องในเบราว์เซอร์ของคุณด้วย F12 และเลือก "คอนโซล" ในเมนูดีบัก
มิฉะนั้นทำตามขั้นตอนเหล่านี้:
Chrome
- เปิดเบราว์เซอร์
- จากเมนูให้เลือกเครื่องมือ
- จากเครื่องมือเลือกเครื่องมือสำหรับนักพัฒนา
- สุดท้ายเลือกคอนโซล
Firefox Firebug
- เปิดเบราว์เซอร์
- ไปที่หน้าเว็บ:
http://www.getfirebug.com - ทำตามคำแนะนำวิธีการ:
ติดตั้ง Firebug
Internet Explorer
- เปิดเบราว์เซอร์
- จากเมนูให้เลือกเครื่องมือ
- จากเครื่องมือเลือกเครื่องมือสำหรับนักพัฒนา
- สุดท้ายเลือกคอนโซล
Opera
- เปิดเบราว์เซอร์
- ไปที่หน้าเว็บ:
http://dev.opera.com - ทำตามคำแนะนำวิธีการ:
เพิ่มปุ่ม Developer Console เพื่อแถบเครื่องมือของคุณ
Safari Firebug
- เปิดเบราว์เซอร์
- ไปที่หน้าเว็บ:
http://extensions.apple.com - ทำตามคำแนะนำวิธีการ:
ติดตั้ง Firebug Lite
Safari Develop Menu
- ไปที่ Safari, การตั้งค่าขั้นสูงในเมนูหลัก
- ตรวจสอบ "เปิดแสดงเมนูการพัฒนาในแถบเมนู"
- เมื่อตัวเลือกใหม่ "พัฒนา" จะปรากฏขึ้นในเมนู:
เลือก "แสดงข้อผิดพลาดคอนโซล"
เธอรู้รึเปล่า?
แก้จุดบกพร่องเป็นกระบวนการของการทดสอบการค้นหาและลดข้อผิดพลาด (ข้อผิดพลาด) ในโปรแกรมคอมพิวเตอร์
ข้อผิดพลาดคอมพิวเตอร์เครื่องแรกที่รู้จักกันเป็นข้อผิดพลาดจริง (แมลง) ติดอยู่ในอุปกรณ์อิเล็กทรอนิกส์