क्रोम डेवलपर टूल को कैसे रिपोज करें

Question

उपकरण क्रोम विंडो के नीचे डिफ़ॉल्ट रूप से खोले जाते हैं। यह एक विस्तृत स्क्रीन डिस्प्ले के लिए एक बुरा विकल्प है क्योंकि खाली करने के लिए बहुत सारी खाली जगह है लेकिन खाली करने के लिए ज्यादा ऊर्ध्वाधर स्थान नहीं है। दुर्भाग्य से, मुझे साधनों को बदलने का कोई तरीका नहीं मिला है। मैं उन्हें फायरबग के समान किनारे पर रखना चाहता हूं।

एकमात्र विकल्प जो मैं चाहता हूं, वह है देव उपकरण को अलग करना और क्रोम और उपकरण खिड़की के किनारे-किनारे लगाना। यह IDE से ब्राउज़र तक और जल्दी से ऑल-टैबिंग के लिए बहुत सुविधाजनक नहीं है, हालांकि, इसलिए "एकीकृत" समाधान अच्छा होगा।

Comments

github.com/melat0nin/chrome-devtools-vertical

— Raghav

stackoverflow.com/questions/14386994/…

— नैट

Answer 1

क्रोम 46 या नया

ऊर्ध्वाधर दीर्घवृत्त बटन पर क्लिक करें (⋮) तब वांछित डॉकिंग विकल्प चुनें।

क्रोम 45 या उससे पुराना

शीर्ष दाईं ओर स्थित डॉक आइकन को लंबे समय तक दबाए रखें। यह डॉकिंग को बदलने के लिए एक विकल्प को पॉप अप करता है

HTML और CSS पैनलों के बीच विभाजन को बदलने के लिए, DevTools में Settings (F1)> General> Appearance> पैनल लेआउट पर जाएं।

Comments

कूल, यह स्थिर संस्करण में मौजूद है, मुझे बस इसके बारे में पता नहीं था, इसके और भी अच्छे विकल्प हैं :) धन्यवाद

— kostja

क्रोम और कैनरी के हाल के बिल्ड में, विकल्प को हटा दिया गया है लेकिन आप अभी भी इसे बाईं ओर नीचे दिए गए डॉक आइकन पर क्लिक करके और एक्सेस कर सकते हैं, यह डॉक टू राइट से राइट का विकल्प देता है।

— पॉल स्पेंसर

कूल, डॉक टू राइट काम करता है। अब मैं देव उपकरण फलक के नीचे स्थित टैब पर CSS इंस्पेक्टर को कैसे स्थानांतरित करूं? अन्यथा मुझे HTML और CSS को साथ-साथ बहुत संकरे स्तंभों में देखना है।

— विक्की चिजवानी

क्या भयानक डिजाइन है! कहीं मैं खुद ही इसका पता नहीं लगाऊंगा। कहीं और मैंने इस पकड़ को देखा है और कभी इस्तेमाल किया हुआ इंतजार किया है।

— दिमित्री ज़ैतसेव

@blrbr हाँ, यह सच है। यदि आपको एक Google खोज करने की आवश्यकता है, तो यह जानने के लिए कि आपके पास मौजूद किसी विकल्प को कैसे सक्रिय किया जाए, यूआई डिजाइन में कुछ गड़बड़ है। यहाँ खोजशब्द 'खोज' है। यह खोज करने योग्य आसान नहीं है।

— स्टिजन डे विट

Answer 2

अपने पॉइंटर को डॉक बटन पर रखें और ब्राउजर वर्जन के आधार पर लॉन्ग क्लिक (कुछ सेकंड) या राइट एंड लेफ्ट माउस क्लिक करें।

Answer 3

डॉकिंग पोज़िशन (साइड / बॉटम) को टॉगल करने के लिए कीबोर्ड शॉर्टकट

CTRL+ SHIFT+D

और ऐसे कई शॉर्टकट हैं जिन्हें आप जाकर देख सकते हैं

सेटिंग्स »शॉर्टकट , जैसा कि यहां दिखाया गया है:

वैकल्पिक रूप से, सेटिंग में जाने के लिए CTRL+ ?का उपयोग करें , वहां से कोई बाईं ओर "शॉर्टकट" उप-आइटम तक पहुंच सकता है या आधिकारिक संदर्भ का उपयोग कर सकता है ।

Comments

OSX पर ⌘-Shift-D, भी।

— मीटस्पेस

यदि आप डॉक बिल्कुल नहीं खोल सकते हैं, तो कोशिश करें Ctrl+Shift+I- लेकिन अगर आपकी विंडो पॉपअप है, तो मुझे नहीं लगता कि डॉकिंग भी काम करता है।

— नूमेनन

धन्यवाद! इंस्पेक्टर किसी तरह स्क्रीन से बाहर अटक गया था, CTRL + SHIFT + D ने इसे मेरे लिए डॉक किया!

— स्टेन

किसी कारण से जब मैं Chrome डेवलपर टूल को अनडॉक करता हूं, तो टूल मेरे मॉनिटर के दाईं ओर भागता हुआ प्रतीत होता है और अब दिखाई नहीं देता है। जिस तरह से मैं इसे फिर से प्रकट करने के लिए प्राप्त कर सकता हूं वह है Ctrl + Shift + D और डेवलपर टूल को साइड या नीचे डॉक करें। यह अजीब है

— जैज़बॉक्स

मैं आपके लिए अपने प्यार की घोषणा करना चाहूंगा। 🐐💘🐐

— कर्टिस ब्लैकवेल

Answer 4

ऐसा लगता है कि ओवरलैपिंग विंडो और "अलग विंडो में अंडरकॉक" के साथ एक आइकन के रूप में अब नीचे बाईं ओर है। टूलटिप।

Comments

आप स्पष्ट कर सकते हैं कि दाईं ओर डॉक करने के लिए आपको इस बटन पर क्लिक करना होगा। जैसा कि @PaulSpencer ने देखा है, बस केवल undocks पर क्लिक करना है।

— 0x89

Answer 5

जब मैंने अपनी गोदी को दाईं ओर रखा (पुराने उत्तर देखें), तब भी मैंने पाया कि पैनल लंबवत रूप से विभाजित हैं।

पैनलों को क्षैतिज रूप से विभाजित करने के लिए - और यहां तक ​​कि आपकी स्क्रीन की चौड़ाई से अधिक हो गई - सेटिंग्स (नीचे दाएं कोने) पर जाएं, और चेक को 'स्प्लिट पैनल को लंबवत जब दाएं से दाएं' पर निकालें।

अब, आपके पास बाएं से दाएं सभी पैनल हैं: पी

Answer 6

अक्टूबर 2014 तक, संस्करण 39.0.2171.27 बीटा (64-बिट)

मुझे "सेटिंग" में क्रोम वेब डेवलपपर पैन में जाने और सही से डॉक करने पर स्प्लिट पैनल को अनचेक करने की आवश्यकता थी

Answer 7

संस्करण 56.0.2924.87 जो मैं अभी हूं, यदि आप डेस्कटॉप में नहीं हैं तो स्वचालित रूप से DevTools को खोल देता है। अन्यथा एक नया नया क्रोम टैब खोलें और विंडो में वापस DevTools डॉक का निरीक्षण करें।

Comments

आपका क्या मतलब है "डेस्कटॉप में नहीं"? मैं 59.0.3067.6 (देव) पर हूं और यह कुछ वेबसाइटों पर कुछ अजीब चीजें कर रहा है। उदाहरण के लिए, Vtiger 6.5 में, राइट क्लिक और "निरीक्षण" एक नई विंडो में देव टूल को खोलता है जिसमें "डॉक साइड" विकल्प का अभाव होता है, हालांकि F12 का उपयोग करने से यह सामान्य रूप से वर्तमान टैब में "डॉक साइड" विकल्प उपलब्ध होता है। अजीब।

— ढपिन

Answer 8

इसके अलावा, यदि आप एक विंडो पर स्रोत और कंसोल देखना चाहते हैं, तो निम्न पर जाएं:

"देवतुल को अनुकूलित और नियंत्रित करें ->" कंसोल ड्रावर दिखाएं "

आप इसे यहाँ दायें कोने में भी देख सकते हैं: