แก้จุดบกพร่อง JavaScript
เมื่อมีการเขียน JavaScript หากไม่มีเครื่องมือแก้ไขข้อบกพร่องเป็นสิ่งที่เจ็บปวดมาก
แก้จุดบกพร่อง JavaScript
เครื่องมือการแก้จุดบกพร่องไม่ยากที่จะเขียนโปรแกรมจาวาสคริปต์
รหัสของคุณอาจมีข้อผิดพลาดไวยากรณ์ผิดพลาดตรรกะถ้าไม่มีเครื่องมือการแก้จุดบกพร่องผิดพลาดเหล่านี้ยากที่จะหา
โดยปกติหากมีข้อผิดพลาดเกิดขึ้น JavaScript, จะไม่มีพรอมต์เพื่อให้คุณไม่สามารถหาตำแหน่งที่ผิดรหัส
โดยปกติแล้วคุณเขียนข้อผิดพลาดที่เกิดขึ้นในกระบวนการใหม่โค้ด JavaScript |
เครื่องมือดีบัก JavaScript
มองหาข้อผิดพลาดในรหัสโปรแกรมที่เรียกว่าการแก้จุดบกพร่อง
แก้จุดบกพร่องยาก แต่โชคดีที่เบราว์เซอร์จำนวนมากได้สร้างเครื่องมือในการแก้จุดบกพร่อง
Built-in เครื่องมือแก้จุดบกพร่องสามารถเริ่มต้นหรือปิดตัวลงข้อความข้อผิดพลาดร้ายแรงจะถูกส่งไปให้กับผู้ใช้
ด้วยเครื่องมือการแก้จุดบกพร่องเราสามารถตั้งค่าเบรกพอยต์ (STOP ตำแหน่งของการเรียกใช้โค้ด) และสามารถตรวจสอบได้เมื่อมีการเรียกใช้รหัสตัวแปร
แก้จุดบกพร่องเครื่องมือเบราว์เซอร์ที่เปิดใช้งานโดยทั่วไปมักจะกดปุ่ม F12 และเลือก "คอนโซล" ในเมนูการดีบัก
console.log () วิธีการ
หากเบราว์เซอร์รองรับการแก้จุดบกพร่องคุณสามารถใช้ console.log () วิธีการพิมพ์ JavaScript ค่าในหน้าต่างแก้ไขข้อบกพร่อง:
ตัวอย่าง
<html>
<body>
<h1> หน้าเว็บ My First </ h1>
<script>
A = 5;
B = 6;
C = A + B;
console.log (c);
</ script>
</ body>
</ html>
ลอง»
ตั้งจุดพัก
ในหน้าต่างดีบักคุณสามารถตั้งจุดพักรหัส JavaScript
ในแต่ละจุดจะหยุดดำเนินรหัส JavaScript เพื่อตรวจสอบค่าของตัวแปรใน JavaScript เรา
หลังจากการตรวจสอบเสร็จสิ้นแล้วคุณสามารถ re-run รหัส (เช่นปุ่ม Play)
คำหลักดีบัก
คำหลักดีบักจะหยุดการทำงานของ JavaScript และเรียกใช้ฟังก์ชั่นการดีบัก
คำหลักนี้และตั้งเบรกพอยต์ในเครื่องมือแก้ไขข้อบกพร่องที่มีผลเหมือนกัน
หากไม่มีการแก้ปัญหาที่มีอยู่คำสั่งดีบักจะไม่ทำงาน
เปิดดีบักโค้ดจากหยุดก่อนบรรทัดที่สาม
หลักเครื่องมือเบราว์เซอร์แก้จุดบกพร่อง
โดยปกติแล้วเบราว์เซอร์เปิดใช้งานเครื่องมือการแก้จุดบกพร่องมักจะกดปุ่ม F12 และเลือก "คอนโซล" ในเมนูการดีบัก
เบราว์เซอร์แต่ละคนทำตามขั้นตอนเหล่านี้:
เบราว์เซอร์ Chrome
- เปิดเบราว์เซอร์ของคุณ
- เลือกเครื่องมือในเมนู
- เลือก Tools เครื่องมือสำหรับนักพัฒนา
- สุดท้ายเลือกคอนโซล
เบราว์เซอร์ Firefox
- เปิดเบราว์เซอร์ของคุณ
- เข้าถึงหน้า:
http://www.getfirebug.com - ทำตามคำแนะนำ:
ติดตั้ง Firebug
เบราว์เซอร์ Internet Explorer
- เปิดเบราว์เซอร์ของคุณ
- เลือกเครื่องมือในเมนู
- เลือก Tools เครื่องมือสำหรับนักพัฒนา
- สุดท้ายเลือกคอนโซล
อุปรากร
- เปิดเบราว์เซอร์ของคุณ
- โอเปร่าในตัวแก้จุดบกพร่องเครื่องมือสำหรับแมลงปอ, คำอธิบายรายละเอียดสามารถพบได้ในการเข้าชมหน้านี้:
http://www.opera.com/dragonfly/
การแข่งรถวิบาก
- เปิดเบราว์เซอร์ของคุณ
- คลิกขวาและเลือกตรวจสอบธาตุ
- เลือก "Control Panel" ที่ด้านล่างของหน้าต่างป๊อปอัพ