สารบัญ:

ฉันจะเปิดดีบักเกอร์ใน Chrome ได้อย่างไร
ฉันจะเปิดดีบักเกอร์ใน Chrome ได้อย่างไร

วีดีโอ: ฉันจะเปิดดีบักเกอร์ใน Chrome ได้อย่างไร

วีดีโอ: ฉันจะเปิดดีบักเกอร์ใน Chrome ได้อย่างไร
วีดีโอ: Debugging Web Applications - Chrome debugger 2024, พฤศจิกายน
Anonim

กดปุ่มฟังก์ชัน F12 ในปุ่ม โครเมียม เบราว์เซอร์เพื่อเปิด JavaScript ดีบักเกอร์ แล้วคลิก "สคริปต์" เลือกไฟล์ JavaScript ที่ด้านบนและวางเบรกพอยต์ไปที่ ดีบักเกอร์ สำหรับโค้ดจาวาสคริปต์ Ctrl + Shift + J เปิดเครื่องมือสำหรับนักพัฒนา

ต่อมาอาจมีคนถามว่า ฉันจะดีบักเบราว์เซอร์ของฉันได้อย่างไร

โครเมียม

  1. ขั้นตอนที่ 1: เปิดแอปพลิเคชันของคุณในเว็บเบราว์เซอร์ Chrome
  2. ขั้นตอนที่ 2: เปิดคอนโซลนักพัฒนาซอฟต์แวร์โดยตรวจสอบหน้าเว็บของคุณแล้วเลือกแท็บแหล่งที่มาหรือไปที่มุมมอง → นักพัฒนา → ดูแหล่งที่มา
  3. ขั้นตอนที่ 3: ตั้งค่าเบรกพอยต์บนซอร์สโค้ดของคุณซึ่งคล้ายกับสิ่งที่เราทำในเบราว์เซอร์ Mozilla

ประการที่สอง คุณจะดีบักอย่างไร? ดีบักแอปของคุณ

  1. สารบัญ
  2. เปิดใช้งานการดีบัก
  3. เริ่มการดีบัก แนบดีบักเกอร์กับแอปที่ทำงานอยู่
  4. เปลี่ยนประเภทดีบักเกอร์
  5. ใช้บันทึกของระบบ เขียนข้อความบันทึกในรหัสของคุณ ดูบันทึกของระบบ
  6. ทำงานกับเบรกพอยต์ ดูและกำหนดค่าเบรกพอยต์
  7. ตรวจสอบตัวแปร เพิ่มจุดเฝ้าระวัง
  8. ดูและเปลี่ยนรูปแบบการแสดงค่าทรัพยากร

ในที่นี้ ฉันจะเปิดเครื่องมือใน Chrome ได้อย่างไร

ก่อนอื่นให้เลือกไอคอน "แฮมเบอร์เกอร์" ที่ด้านบนขวาของ Google โครเมียม เบราว์เซอร์ เลือกที่สอง " เครื่องมือ " จากรายการแบบเลื่อนลง อย่างที่สาม บอกพวกเขาว่าคุณต้องการเพิ่มขนาดมันด้วยมันฝรั่งทอด

คุณใช้ดีบักเกอร์อย่างไร?

  1. ตั้งค่าเบรกพอยต์และเริ่มดีบักเกอร์
  2. นำทางรหัสในดีบักเกอร์โดยใช้คำสั่งขั้นตอน
  3. ข้ามโค้ดเพื่อข้ามฟังก์ชัน
  4. ก้าวเข้าสู่คุณสมบัติ
  5. วิ่งไปที่จุดหนึ่งในโค้ดของคุณอย่างรวดเร็วโดยใช้เมาส์
  6. เลื่อนดีบักเกอร์ออกจากฟังก์ชันปัจจุบัน
  7. วิ่งไปที่เคอร์เซอร์
  8. รีสตาร์ทแอปของคุณอย่างรวดเร็ว

แนะนำ: