หยุดทำงานชั่วคราวในดีบักเกอร์ใน Chrome หรือไม่


131

เมื่อทำการดีบั๊กในโครเมี่ยมสคริปต์จะถูกหยุดชั่วคราวในดีบักเกอร์แม้ว่าจะไม่มีการตั้งค่าจุดหยุดและถ้าการหยุดชั่วคราวนั้นไม่ถูกหยุดชั่วคราวก็จะหยุดตัวเองอีกครั้ง

สิ่งที่สามารถทำได้?


คำตอบ:


198

สาเหตุที่เป็นไปได้ประการหนึ่งนั่นคือคุณได้เปิดใช้งาน "หยุดชั่วคราวในข้อยกเว้น" (ไอคอนรูปตัวเล็ก ๆ ที่มีเครื่องหมายหยุดชั่วคราวที่มีสัญลักษณ์หยุดชั่วคราว (||) อยู่ด้านซ้ายล่างของหน้าต่าง) ลองคลิกที่กลับไปที่สถานะปิด / สีเทา (ไม่ใช่สถานะสีแดงหรือสีน้ำเงิน) และโหลดหน้าซ้ำ

UPDATE: การเพิ่มภาพหน้าจอสำหรับการอ้างอิง:

ป้อนคำอธิบายรูปภาพที่นี่


1
บางครั้งคุณควรรู้ว่าจะคลิกที่ไหน
Darshan Thanki

@DavidJ ฉันเพิ่มภาพหน้าจอของไอคอนหวังว่าคุณจะไม่รังเกียจ
RubenGeert

ขอบคุณมาก. มันเริ่มทำให้ฉันหงุดหงิด ฉันจำไม่ได้ด้วยซ้ำว่าคลิกปุ่มนั้น
dminer

1
การหยุดในข้อยกเว้นไม่ใช่ปัญหา (@Luja) หรือปัญหา (@ Bosworth99) หรือบางสิ่งที่ต้องผิดหวังเกี่ยวกับ (@dminer) มันเป็นคุณสมบัติที่มีประโยชน์มากในการแก้ไขข้อบกพร่อง ใช้เวลาสองสามชั่วโมง (หรือน้อยกว่านั้นขึ้นอยู่กับประสบการณ์ของคุณ) เพื่อดูตัวเลือกทั้งหมดใน devTools UI และทำความคุ้นเคยกับมัน กรุณาลงทุนในครั้งนี้! มันจะช่วยคุณอย่างมากในรูทีนการดีบักแบบวันต่อวัน
CodeVortex

4
@CodeVortex เพราะมีบางสิ่งที่มีประโยชน์นั่นไม่ได้หยุดอยู่แค่ปัญหาหากทำสิ่งที่คุณไม่ต้องการในตอนนี้และคุณไม่รู้ว่าจะหยุดมันได้อย่างไร
เจสสิก้า B

99

ในกรณีของฉันฉันมีการAny XHRตั้งค่าสถานะเป็นจริงในการXHR Breakpointsตั้งค่าสามารถเข้าถึงได้ผ่านแท็บแหล่งที่มาภายในเครื่องมือ dev ของ Chrome

ธง XHR ใด ๆ ในเครื่องมือ Dev Chrome

ยกเลิกการเลือกเพื่อให้ Chrome ทำงานได้ตามปกติอีกครั้ง


4
นั่นเป็นปัญหาเดียวกันกับที่ฉันมี
Jimbo Jones

ปัญหาเดียวกันที่นี่ด้วยขอบคุณ - นี่คือการขับรถฉันถั่ว
zigojacko

3
คุณเพิ่งช่วยชีวิตฉัน :-)
อเล็กซ์


ฉันใช้แอนิเมชั่น - ขับถั่วให้ฉันจนกว่าฉันจะอ่านสิ่งนี้ขอบคุณ!
asimovwasright

32

นี่อาจทำให้เกิดปัญหา

ไอคอนเบรกพอยต์ที่มุมบนขวาควรเป็นสีน้ำเงินเช่นนี้

ป้อนคำอธิบายรูปภาพที่นี่

ไม่ควรเป็นสีเทาเช่นนี้

ป้อนคำอธิบายรูปภาพที่นี่


1
นี่คือการทำให้เข้าใจผิดในขณะที่มันปิดการใช้งานการหยุดที่เบรกพอยต์ใด ๆ ไม่ได้เป็นหนึ่งในเจดีย์โหลด ดังนั้นสิ่งนี้จะป้องกันจุดพักที่คุณต้องการ ปัญหาที่แท้จริงไม่ใช่ปุ่มที่ด้านบนขวา แต่ช่อง "XHR ใด ๆ " ที่ทำเครื่องหมายไว้ที่ด้านล่างซ้าย
k0pernikus

12

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


11

หากคุณนำทางไปยัง Sources คุณจะเห็นป้อนคำอธิบายรูปภาพที่นี่ปุ่มหยุดชั่วคราวที่ด้านล่างของ DevTools โดยทั่วไปมี 3 ตัวเลือกหยุดชั่วคราวที่เป็นไปได้ใน DevTools ในขณะที่การดีบักไฟล์ js

  • อย่าหยุดยกเว้น ( ป้อนคำอธิบายรูปภาพที่นี่):

    ปุ่มหยุดชั่วคราวจะเป็นสีเทาราวกับว่า "ไม่ต้องหยุดชั่วคราวยกเว้น" เปิดใช้งาน ป้อนคำอธิบายรูปภาพที่นี่

  • หยุดชั่วคราวในข้อยกเว้นทั้งหมด ( ป้อนคำอธิบายรูปภาพที่นี่):

    ปุ่มหยุดชั่วคราวจะเป็นสีน้ำเงินราวกับว่า "หยุดชั่วคราวทุกข้อยกเว้น" ใช้งานอยู่ ป้อนคำอธิบายรูปภาพที่นี่

  • หยุดชั่วคราวที่ข้อยกเว้นที่ไม่ได้ตรวจสอบ ( ป้อนคำอธิบายรูปภาพที่นี่):

    ปุ่มหยุดชั่วคราวจะเป็นสีม่วงราวกับว่า "หยุดชั่วคราวเมื่อมีข้อยกเว้นที่ไม่ได้ตรวจสอบ" ใช้งานอยู่ ป้อนคำอธิบายรูปภาพที่นี่

ในกรณีของคุณหากคุณไม่ต้องการหยุดชั่วคราวให้เลือกอย่าหยุดชั่วคราวในข้อยกเว้น เพื่อเลือกสลับปุ่มหยุดชั่วคราวจนกว่าจะกลายเป็นสีเทาป้อนคำอธิบายรูปภาพที่นี่


3
ขอบคุณสำหรับภาพหน้าจอ!
Maksym

ขอบคุณ! คุณเป็นคนเดียวที่ตอบนี้ด้วยCLEARบ่งชี้ซึ่งเป็นที่ คำแนะนำเครื่องมือควรจะเป็นประโยชน์ไม่เกิดความสับสนเมื่อมันเป็นสีเทาและคนพิการจึงแนะนำเครื่องมือบอกว่า "หยุดชั่วคราวในข้อยกเว้น" ... ซึ่งคำแนะนำเครื่องมือสำหรับสลับเป็นงี่เง่าน้อย ( ". อย่าหยุดในข้อยกเว้นคลิกเพื่อสลับ")
Jürgen A. Erhard

7

ป้อนคำอธิบายรูปภาพที่นี่

อ๋อ ฉันเพิ่งเรียนรู้เครื่องมือ dev Chrome ในวันนี้และพบสิ่งเดียวกัน - ถ้าข้างต้นล้มเหลวขยายพื้นที่ภาพที่นี่และมองหาจุดพักที่คุณอาจตั้งและลืม


4

คุณสามารถกดCTLR+ F8เพื่อเปิดใช้งานหรือปิดใช้งานจุดบกพร่อง

นี่เป็นวิธีแก้ปัญหาสั้น ๆ


3

คลิกที่ไอคอนการตั้งค่าแล้วคลิกที่ปุ่มคืนค่าเริ่มต้นและโหลดใหม่ สิ่งนี้ใช้ได้สำหรับฉันในขณะที่คำตอบที่ยอมรับไม่ได้Google Chrome Restore เริ่มต้นและโหลดใหม่


ฉันมีประสบการณ์แบบเดียวกันและรู้สึกเหมือนกำลังทานยาเม็ดบ้า: cl.ly/f4Jj "การคืนค่าเริ่มต้น" ในการตั้งค่าแก้ไขปัญหานี้ให้ฉัน ไม่มีความคิดว่ามันคืออะไร แต่เมื่อมันไม่ได้เกิดขึ้นใน Canary ฉันรู้ว่ามันเป็นสิ่งที่เฉพาะเจาะจงกับเครื่องมือ dev ของ Chrome
Brandon Aaskov

3

ที่มุมบนขวาที่สองไอคอนสุดท้าย (สีแดงล้อมรอบในภาพที่แนบมา) มีไว้สำหรับการเปิดใช้งาน / ยกเลิกการดีบัก คลิกเพื่อสลับการดีบักได้ตลอดเวลา

Chrome Debug console


2

ปัญหาโง่ ๆ จริง ๆ ที่ฉันพบเจอนั่นทำให้ฉันมาที่นี่พร้อมกับดีบั๊กเกอร์ คำสั่ง: "ดีบักเกอร์" มีนาฬิกาตั้งอยู่

มันทำให้หน้าเว็บที่เพิ่งพูดถึงการดีบั๊ก เพื่อให้ปรากฏระหว่างการโหลดทุกหน้า

วิธีปิดการใช้งานคือเพียงคลิกขวาที่พูดว่า Watch แล้วคลิก "Delete expression expression"


2

มันเป็นประสบการณ์ที่เลวร้ายจริงๆ หากคำตอบข้างต้นไม่ได้ผลสำหรับคุณลองนี้

คลิกที่ไอคอนการตั้งค่าแล้วคลิกที่ปุ่มคืนค่าเริ่มต้นและโหลดใหม่

กด 'F8' จนกระทั่งเป็นปกติ

การเข้ารหัสที่มีความสุข !!


1

ผู้ใช้รายอื่นพูดถึงเรื่องนี้ในรายละเอียดเล็กน้อย แต่ฉันพลาดไปจนกว่าฉันจะกลับมาที่นี่ประมาณ 3 ครั้งในช่วง 2 วัน -

มีส่วนที่ชื่อว่าจุดหยุด EventListener ที่มีรายการจุดพักอื่น ๆ ที่สามารถตั้งค่าได้ มันเกิดขึ้นที่ฉันเปิดใช้งานหนึ่งในนั้นบน DOM Mutation ซึ่งทำให้ฉันรู้ว่าเมื่อใดก็ตามที่ DOM ถูกแทนที่ น่าเสียดายที่นี่ทำให้ฉันปิดการใช้งานปลั๊กอินและส่วนเสริมก่อนที่ฉันจะรู้ว่ามันเป็นแค่เครื่องของฉัน หวังว่านี่จะช่วยคนอื่นได้


0

คุณสามารถไปที่เบรกพอยต์ในคอนโซลผู้พัฒนาระบบโครมคลิกขวาแล้วลบเบรกพอยต์ ง่าย


0

มีข้อผิดพลาดทางไวยากรณ์ในforลูปของฉัน สิ่งนี้ทำให้เกิดข้อผิดพลาดในการหยุดชั่วคราว



0

สิ่งนี้เกิดขึ้นกับฉัน ฉันมีเบรกพอยต์ในการปรับเปลี่ยนทรีย่อยบนแท็กบอดี้และทุกครั้งที่ฉันลบเบรกพอยต์พวกเขาจะกลับมาหลังจากที่ฉันรีเฟรช ฉันสับสนมากและฉันก็ลบจุดพัก DOM ทั้งหมด แต่จุดพักการปรับทรีย่อยท่วงทำนองร่างกายผีก็กลับมา ในที่สุดฉันโหลดแคชซ้ำและหายไป

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.