स्क्रिप्ट निष्पादन को रोकने के लिए क्रोम कीबोर्ड शॉर्टकट

48

क्या Google Chrome में एक कीबोर्ड शॉर्टकट है जो स्क्रिप्ट निष्पादन को तोड़ देगा? ( ||डेवलपर टूल स्क्रिप्स पैनल में "पोज़ स्क्रिप्ट एक्ज़ीक्यूशन" बटन दबाने के बराबर ।)

मैं अपने माउसओवर स्थिति में एक तत्व का निरीक्षण करने के लिए Dev Tools का उपयोग करना चाहता हूं; mouseleaveकोड स्पष्ट रूप से चलेगा अगर मैं वास्तव में ठहराव बटन पर क्लिक करने की कोशिश करो!

google-chrome keyboard-shortcuts web-development

— josh3736
स्रोत

56

जब मुझे इस समस्या का सटीक समाधान नहीं मिला, तो मैं अपने लक्ष्य को प्राप्त करने के लिए एक-लाइनर के साथ आया, जिसे एक पृष्ठ (या जावास्क्रिप्ट कंसोल में चिपकाया) जा सकता है:

jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });

जब आप हिट करते हैं तो यह निष्पादन को रोक देगा F12।

( debuggerएक जावास्क्रिप्ट स्टेटमेंट है जो एक ब्रेकपॉइंट को मजबूर करता है।)

अपडेट: देव टूल्स में कई अंतर्निहित शॉर्टकट ( F1एक सूची के लिए दबाएं ) हैं, लेकिन आपको काम करने के लिए उन्हें देव उपकरण विंडो में केंद्रित होना चाहिए। रोकना स्क्रिप्ट निष्पादन है F8(जब क्रोम 45 के रूप में स्रोत टैब को देखते हैं) या Ctrl+ /।

उपरोक्त वन-लाइनर तब भी उपयोगी हो सकता है जब आपको रुकने से पहले पृष्ठ पर ध्यान केंद्रित करने की आवश्यकता हो।

— josh3736
स्रोत

6

F8 केवल तब काम करता है जब आप DevTools (Chrome 40) में "स्रोत" पृष्ठ पर होते हैं

— netvope

1

क्या CTRL + / Linux या कुछ के तहत काम करता है? क्योंकि CTRL + \ Windows के तहत काम करने के लिए प्रकट होता है, और दूसरों के अनुसार यह MAC के लिए CMD + \ होगा।

— डज़्रहैम

1

समान प्रभाव लेकिन बिना jQuery की आवश्यकता के:window.addEventListener('keydown', e => { if (e.keyCode === 123) debugger })

— pau.moreno

कभी-कभी ईवेंट setTimeout(function() { debugger; }, 1000)

— हॉटकीज़

14

Google के कीबोर्ड शॉर्टकट "स्क्रिप्ट निष्पादन को फिर से शुरू / फिर शुरू करने" के लिए संदर्भ सूची:

F8या Ctrl+ \(विंडोज)
F8या Cmd+ \(मैक)

होवर या सक्रिय जैसे विषम राज्यों में चीजों का निरीक्षण करने के लिए आसान तरीके हैं। सबसे पहले, क्रोम देव टूल्स के एलीमेंट्स फलक में DOM नोड को खोजें। अब आप नोड को राइट-क्लिक कर सकते हैं और संदर्भ मेनू में "फोर्स एलिमेंट स्टेट" देख सकते हैं, या नोड का चयन कर सकते हैं और स्टाइल्स टैब में देख सकते हैं और शीर्ष दाएं में धराशायी-बॉक्स-माउस-पॉइंटर आइकन ढूंढ सकते हैं (+ / प्लस आइकन के बगल में जो आपको element.styleआपके द्वारा चयनित तत्व में एक नया CSS नियम जोड़ने देता है )।

जब आप इन राज्यों में से किसी एक को सक्रिय करते हैं, तो तत्वों के बाएँ हिस्से को इंगित करने के लिए थोड़ा सा सर्कल मिलता है कि आपने उस लाइन पर तत्व की प्राकृतिक स्थिति को ओवरराइड कर दिया है।

— ALXNDR
स्रोत

3

F8 मुख्य ब्राउज़र विंडो में काम नहीं करता है, केवल Dev Tools विंडो में। फोर्स एलिमेंट स्टेट का उपयोग तब मदद नहीं करता है जब यह एक स्क्रिप्ट है जो घटनाओं को सुन रही है (केवल सीएसएस के बजाय) जो सामान कर रही है।

— josh3736

3

F8 मुख्य ब्राउज़र विंडो में काम करता है, लेकिन आपके पास देव टूल्स विंडो बैकग्राउंड में सोर्स टैब के लिए खुला होना चाहिए।

— reor

8

मैंने एक त्वरित छोटा क्रोम एक्सटेंशन लिखा है जो आपको जावास्क्रिप्ट निष्पादन को रोकने के लिए अपने कीबोर्ड पर पॉज़ बटन दबाने की अनुमति देता है

इसे कैसे प्राप्त करें:

उपयोग:

क्रोम डेवलपर टूल्स को खुला रखें
pause/breakअपने कीबोर्ड पर दबाएँ

— SpareBytes
स्रोत

1

@ फ़्लू, मैंने इसे क्रोम वेब स्टोर में जोड़ा। आनंद लें

— स्पेयरबाइट्स

इसने बहुत अच्छा काम किया - मैं विराम देने में सक्षम था ताकि मैं HTML को गतिशील रूप से पृष्ठ में इंजेक्ट कर सकूं। डेवलपर टूल का उपयोग करने से काम नहीं चला क्योंकि HTML कोड को फोकस खो जाने पर हटा दिया गया था।

— केनी एविट

मेरे कीबोर्ड में "पॉज / ब्रेक" बटन नहीं है, इसलिए मुझे इसे एक अलग कुंजी पर मैप करना पड़ा। मेरे लिए तुरंत स्पष्ट नहीं था कि आपको "कुंजी सहेजें" बटन पर क्लिक करने पर नए कुंजी संयोजन को दबाए रखने की आवश्यकता है।

— जस्पर सिटी

0

मेरे Google-फ़ुअर का उपयोग करते हुए, मुझे Chrome कीबोर्ड शॉर्टकट की आधिकारिक Google सूची मिली

ऐसा नहीं लगता कि इसमें कोई समर्पित है। आप हमेशा एक प्लगइन लिख सकते हैं जो एक महत्वपूर्ण संयोजन को ठहराव बटन के रूप में व्याख्या करेगा, हालांकि, यदि आप चाहें।

— technowizard12
स्रोत