มีแป้นพิมพ์ลัดใน Google Chrome ที่จะหยุดการทำงานของสคริปต์หรือไม่ (เทียบเท่ากับการกดปุ่ม||"หยุดการทำงานสคริปต์ชั่วคราว" ในแผงเครื่องมือเครื่องมือนักพัฒนาซอฟต์แวร์)
ฉันต้องการใช้เครื่องมือ Dev เพื่อตรวจสอบองค์ประกอบในสถานะการวางเมาส์ mouseleaveรหัสจะทำงานอย่างเห็นได้ชัดถ้าผมพยายามที่จะคลิกปุ่มหยุดชั่วคราว!
คำตอบ:
ในขณะที่ฉันยังไม่พบวิธีแก้ปัญหาที่ถูกต้องสำหรับปัญหานี้ฉันพบว่ามีหนึ่งซับในที่สามารถใส่ในหน้า (หรือวางในคอนโซล Javascript) เพื่อให้บรรลุเป้าหมายของฉัน:
jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });
F12ซึ่งจะทำให้เกิดการดำเนินการที่จะหยุดชั่วคราวเมื่อคุณกด
( debuggerเป็นคำสั่ง JavaScript ที่บังคับให้เบรกพอยต์)
อัปเดต:เครื่องมือ Dev มีทางลัดในตัวมากมาย (กดF1เพื่อดูรายการ) แต่คุณต้องเน้นในหน้าต่าง Dev Tools เพื่อให้สามารถใช้งานได้ หยุดการดำเนินการสคริปต์F8(เมื่อมองไปที่แหล่งที่มาของแท็บของ Chrome 45) หรือ+Ctrl/
ซับในด้านบนอาจยังมีประโยชน์หากคุณต้องจดจ่อกับหน้ากระดาษก่อนที่จะหยุด
window.addEventListener('keydown', e => { if (e.keyCode === 123) debugger })
setTimeout(function() { debugger; }, 1000)จะช่วยให้ที่นี่
รายการอ้างอิงแป้นพิมพ์ลัดของ Google สำหรับ "การเรียกใช้สคริปต์ชั่วคราว / กลับสู่การทำงาน":
มีวิธีที่ง่ายกว่าในการตรวจสอบสิ่งต่าง ๆ ในสถานะคี่เช่นโฮเวอร์หรือแอคทีฟ ก่อนอื่นให้ค้นหาโหนด DOM ในบานหน้าต่างองค์ประกอบของ Chrome Dev Tools ตอนนี้คุณสามารถคลิกขวาที่โหนดและดูที่ "บังคับองค์ประกอบของรัฐ" ในเมนูบริบทหรือเลือกโหนดและดูในแท็บสไตล์และค้นหาไอคอน dashed-box-mouse-mouse-mouse-pointer (ถัดจากไอคอน + / plus ที่ให้คุณเพิ่มกฎ CSS ใหม่ไปelement.styleยังองค์ประกอบที่คุณเลือก)
เมื่อคุณเปิดใช้งานสถานะใดสถานะหนึ่งเหล่านี้ระยะขอบด้านซ้ายของบานหน้าต่างองค์ประกอบจะเป็นวงกลมเล็ก ๆ เพื่อระบุว่าคุณได้ลบล้างสถานะธรรมชาติขององค์ประกอบในบรรทัดนั้น
ฉันเขียนส่วนขยาย Chrome แบบย่อที่ช่วยให้คุณกดปุ่มหยุดชั่วคราวบนแป้นพิมพ์เพื่อหยุดการประมวลผลจาวาสคริปต์
pause/breakบนคีย์บอร์ดของคุณจากการใช้ Google-fu ของฉันฉันพบรายการทางลัดของแป้นพิมพ์ Chrome ของ Google อย่างเป็นทางการ
ดูเหมือนว่าจะไม่มีใครทุ่มเทให้กับมัน คุณสามารถเขียนปลั๊กอินซึ่งจะตีความชุดค่าผสมคีย์เป็นปุ่มหยุดชั่วขณะเสมอหากคุณต้องการ