1. Home
  2. แก้จุดบกพร่อง JavaScript

บทช่วยสอน แก้จุดบกพร่อง JavaScript ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ แก้จุดบกพร่อง JavaScript,เครื่องมือดีบัก JavaScript,console.log () วิธีการ,ตัวอย่าง,ตั้งจุดพัก,คำหลักดีบัก,ตัวอย่าง,หลักเครื่องมือเบราว์เซอร์แก้จุดบกพร่อง,เบราว์เซอร์ Chrome,เบราว์เซอร์ Firefox,เบราว์เซอร์ Internet Explorer,อุปรากร,การแข่งรถวิบาก,

แก้จุดบกพร่อง JavaScript

เมื่อมีการเขียน JavaScript หากไม่มีเครื่องมือแก้ไขข้อบกพร่องเป็นสิ่งที่เจ็บปวดมาก

แก้จุดบกพร่อง JavaScript

เครื่องมือการแก้จุดบกพร่องไม่ยากที่จะเขียนโปรแกรมจาวาสคริปต์

รหัสของคุณอาจมีข้อผิดพลาดไวยากรณ์ผิดพลาดตรรกะถ้าไม่มีเครื่องมือการแก้จุดบกพร่องผิดพลาดเหล่านี้ยากที่จะหา

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

หมายเหตุ โดยปกติแล้วคุณเขียนข้อผิดพลาดที่เกิดขึ้นในกระบวนการใหม่โค้ด JavaScript

เครื่องมือดีบัก JavaScript

มองหาข้อผิดพลาดในรหัสโปรแกรมที่เรียกว่าการแก้จุดบกพร่อง

แก้จุดบกพร่องยาก แต่โชคดีที่เบราว์เซอร์จำนวนมากได้สร้างเครื่องมือในการแก้จุดบกพร่อง

Built-in เครื่องมือแก้จุดบกพร่องสามารถเริ่มต้นหรือปิดตัวลงข้อความข้อผิดพลาดร้ายแรงจะถูกส่งไปให้กับผู้ใช้

ด้วยเครื่องมือการแก้จุดบกพร่องเราสามารถตั้งค่าเบรกพอยต์ (STOP ตำแหน่งของการเรียกใช้โค้ด) และสามารถตรวจสอบได้เมื่อมีการเรียกใช้รหัสตัวแปร

แก้จุดบกพร่องเครื่องมือเบราว์เซอร์ที่เปิดใช้งานโดยทั่วไปมักจะกดปุ่ม F12 และเลือก "คอนโซล" ในเมนูการดีบัก

console.log () วิธีการ

หากเบราว์เซอร์รองรับการแก้จุดบกพร่องคุณสามารถใช้ console.log () วิธีการพิมพ์ JavaScript ค่าในหน้าต่างแก้ไขข้อบกพร่อง:

ตัวอย่าง

<! DOCTYPE html>
<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 และเรียกใช้ฟังก์ชั่นการดีบัก

คำหลักนี้และตั้งเบรกพอยต์ในเครื่องมือแก้ไขข้อบกพร่องที่มีผลเหมือนกัน

หากไม่มีการแก้ปัญหาที่มีอยู่คำสั่งดีบักจะไม่ทำงาน

เปิดดีบักโค้ดจากหยุดก่อนบรรทัดที่สาม

ตัวอย่าง

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

ลอง»

หลักเครื่องมือเบราว์เซอร์แก้จุดบกพร่อง

โดยปกติแล้วเบราว์เซอร์เปิดใช้งานเครื่องมือการแก้จุดบกพร่องมักจะกดปุ่ม F12 และเลือก "คอนโซล" ในเมนูการดีบัก

เบราว์เซอร์แต่ละคนทำตามขั้นตอนเหล่านี้:

เบราว์เซอร์ Chrome

  • เปิดเบราว์เซอร์ของคุณ
  • เลือกเครื่องมือในเมนู
  • เลือก Tools เครื่องมือสำหรับนักพัฒนา
  • สุดท้ายเลือกคอนโซล

เบราว์เซอร์ Firefox

  • เปิดเบราว์เซอร์ของคุณ
  • เข้าถึงหน้า:
    http://www.getfirebug.com
  • ทำตามคำแนะนำ:
    ติดตั้ง Firebug

เบราว์เซอร์ Internet Explorer

  • เปิดเบราว์เซอร์ของคุณ
  • เลือกเครื่องมือในเมนู
  • เลือก Tools เครื่องมือสำหรับนักพัฒนา
  • สุดท้ายเลือกคอนโซล

อุปรากร

  • เปิดเบราว์เซอร์ของคุณ
  • โอเปร่าในตัวแก้จุดบกพร่องเครื่องมือสำหรับแมลงปอ, คำอธิบายรายละเอียดสามารถพบได้ในการเข้าชมหน้านี้:
    http://www.opera.com/dragonfly/

การแข่งรถวิบาก

  • เปิดเบราว์เซอร์ของคุณ
  • คลิกขวาและเลือกตรวจสอบธาตุ
  • เลือก "Control Panel" ที่ด้านล่างของหน้าต่างป๊อปอัพ

บทแนะนำยอดนิยม

Contact US

แก้จุดบกพร่อง JavaScript
10/30