नई टैब / नई विंडो खुलने पर Chrome डेवलपर टूल को स्वचालित रूप से खोलें

252

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

क्या क्रोम में नई विंडो खोलने पर डेवलपर टूल को स्वचालित रूप से खोलने का कोई तरीका है ?

google-chrome google-chrome-devtools

— अलेक्जेंडर सिरोबाबा
स्रोत

मुझे भी यह जानकर अच्छा लगेगा। एक ही रास्ता मैं पाया है संपादित करने के लिए है स्रोत की तरह इस आदमी ने क्या किया: [कड़ी] groups.google.com/forum/?fromgroups=#!topic/...

— zone117x

मैंने बहुत कठिन परिमार्जन किया है, और निकटतम चीज़ जो मुझे मिल सकती है वह है क्रोम टूल्स के साथ, देव टूल्स के अंदर एक नया फलक बनाना।

— टैंकरस्मैश

2

पायथन के साथ SendKeys का उपयोग करना, आप Chrome को लॉन्च कर सकते हैं और +^jCtrl Shift J का अनुकरण कर सकते हैं , लेकिन यह केवल एक नए उदाहरण के साथ काम करेगा; दिए गए पेज पर नेविगेट करने के लिए आपको सेलेनियम या कुछ और के साथ कुछ अधिक रचनात्मक प्राप्त करना होगा ...

— टैंकरसैश

हाँ, मैंने भी इस संस्करण को देखा था लेकिन यह लागू नहीं है जब आप प्रत्येक नए टैब के लिए देव उपकरण क्या खोलते हैं।

— अलेक्जेंडर सिरोबाबा

यहाँ एक आदमी है जिसने इस क्षमता को जोड़ने के लिए स्रोत कोड को संशोधित किया है। यह अब पुराना हो गया है, लेकिन कम से कम हमें पता है कि आपका अनुरोध संभव है ।

— पैट्रिक एम।

89

अद्यतन 2:

इस जवाब को देखें । - 2019-11-05

यदि आपके पास जहां से आपने उन्हें खोला था, तो अब आप उसे पॉप-अप में ऑटो-ओपन डेवलपर टूल भी खोल सकते हैं। उदाहरण के लिए, यदि आपके पास देव उपकरण नहीं खुले हैं और आपको एक पॉपअप मिलता है, तो यह देव उपकरण के साथ नहीं खुलेगा। लेकिन अगर आपके पास देव उपकरण खुला है और फिर आप कुछ क्लिक करते हैं, तो पॉपअप में देव-उपकरण स्वचालित रूप से खुल जाएंगे।

अपडेट करें:

समय बदल गया है, अब आप इस उत्तर में --auto-open-devtools-for-tabs का उपयोग कर सकते हैं - Wouter Huysentruit 18 मई को 11:08 बजे

ओपी:

मैंने निष्पादन के लिए Chrome के लिए स्टार्टअप स्ट्रिंग के साथ खेला, लेकिन नए टैब पर बने रहने के लिए इसे प्राप्त नहीं कर सका।
मैंने एक परिभाषित पथ विधि के बारे में भी सोचा था जिसे आप शीघ्रता से लागू कर सकते हैं। यह SendKeys कमांड के साथ संभव है, लेकिन फिर से, केवल एक नए उदाहरण पर। और DevTools नए टैब के लिए जारी नहीं है।

Google उत्पाद फ़ोरम को ब्राउज़ करते हुए, Chrome में ऐसा करने का कोई अंतर्निहित तरीका प्रतीत नहीं होता है। आपको एक कीस्ट्रोक समाधान का उपयोग करना होगा या F12जैसा कि ऊपर बताया गया है।

मैंने इसे एक सुविधा के रूप में सुझाया था। मुझे पता है कि मैं पहले भी नहीं हूं।

— Chiperific
स्रोत

1

@ Seanny123: निश्चित! यदि आप इसे एक सुविधा के रूप में चाहते हैं, तो इस क्रोमियम बग को नि: शुल्क महसूस करें: code.google.com/p/chromium/issues/detail?id=410958

— phsource

1

@ गंभीर, आपने कहा कि आप निष्पादन के लिए Chrome के लिए स्टार्टअप स्ट्रिंग के आसपास खेल रहे थे, लेकिन नए टैब पर बने रहने के लिए इसे प्राप्त नहीं कर सके। हालाँकि, मुझे केवल एक टैब के लिए स्टार्टअप पर इस व्यवहार की आवश्यकता है। क्या आप इसे केवल एक टैब के लिए करने का तरीका साझा कर सकते हैं?

— मार्टिन ब्रौन

10

समय बदल गया है, अब आप इस उत्तर--auto-open-devtools-for-tabs में उपयोग कर सकते हैं

— huysentruitw

2

कृपया अपना उत्तर संपादित करने पर विचार करें। यह अप्रचलित है, लेकिन अभी भी एसओ में बहुत दिखाई देता है।

— yannick1976

4

OS X के लिए पूर्ण कमांड है (किसी भी चल रही क्रोम प्रक्रिया को पहले छोड़ दें):/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

— लेन रिटटीज

189

डेवलपर टूल खोलने पर, फोकस में डेवलपर टूल विंडो के साथ, प्रेस करें F1। यह एक सेटिंग पेज खोलेगा। "पॉपअप के लिए ऑटो-ओपन DevTools" की जाँच करें।

इसने मेरे लिए काम किया।

— संत
स्रोत

13

यह काम करता है और ठीक वही है जो ओपी पूछ रहा था, इसे सही उत्तर के रूप में चिह्नित किया जाना चाहिए

— रुई

1

इसके अलावा मेरे लिए WebStorm के साथ काम नहीं करता है। पृष्ठ खुलता है लेकिन कोई देव उपकरण नहीं है।

— मूर्रे

3

यह काम करता है, लेकिन "संरक्षित लॉग्स" विकल्प हमेशा अनियंत्रित होता है, और यदि पॉपअप पुनर्निर्देश करता है तो यह पिछले नेटवर्क अनुरोधों को नहीं दिखाता है। किसी भी विचार कैसे यह डिफ़ॉल्ट रूप से लॉग को संरक्षित करने के लिए?

— सारिणी

1

यह केवल मामलों के एक विशिष्ट उपसमुच्चय के लिए काम करता है, कृपया bugs.chromium.org/p/chromium/issues/detail?id=410958#c87 देखें । यह एक सामान्य समाधान नहीं है।

— लेन रेटिग

1

जब वी.एस. कोड से चोम डिबग एक्सटेंशन के साथ काम करना शुरू नहीं होता है।

— वनअलबर्ट

80

इसके लिए एक कमांड लाइन स्विच है: --auto-open-devtools-for-tabs

तो Google Chrome पर गुणों के लिए, कुछ इस तरह का उपयोग करें:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

यहाँ एक उपयोगी लिंक है: क्रोमियम-कमांड-लाइन-स्विच

— डेविड
स्रोत

1

यह निश्चित रूप से काम करता है और संभवतः अब स्वीकृत उत्तर के रूप में चिह्नित किया जाना चाहिए। क्रोमियम के लिए जाँच की Version 50.0.2661.102 Ubuntu 15.10 (64-bit)और इसे इस तरह से खोलाchromium-browser --auto-open-devtools-for-tabs

— ओल्गा

6

यह विंडोज 7 संस्करण 51.0.2704.103 मीटर

— पेट्रो क्लिफ

7

OS X के लिए पूर्ण कमांड है (पहले किसी भी चल रही क्रोम प्रक्रिया को छोड़ दें):/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

— लेन रिटटीज

2

संस्करण 59.0.3071.115 (आधिकारिक बिल्ड) (64-बिट) पर काम नहीं किया

— Gustavo Straube

संत के उत्तर के विपरीत मेरे उपयोग के मामले में काम करता है।

— मार्कस बर्थलेन

28

Mac पर: Chrome से बाहर निकलें, फिर टर्मिनल विंडो में निम्न कमांड चलाएँ:

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

— एरिन मिल्स
स्रोत

स्पष्ट करने के लिए: यह क्रोम को auto-open-devtools-for-tabsध्वज सेट के साथ खोलता है । क्रोम को छोड़ना और सामान्य एप्लिकेशन शॉर्टकट का उपयोग करके इसे फिर से खोलना फ्लैग सेट के बिना क्रोम को खोल देगा। यदि आप टर्मिनल विंडो खोलने के बिना इस ध्वज सेट के साथ क्रोम खोलने का शॉर्टकट चाहते हैं, तो आप ऑटोमेटर में एक वर्कफ़्लो बना सकते हैं, "रन शैल स्क्रिप्ट" आइटम जोड़ सकते हैं, और उपरोक्त स्क्रिप्ट में पेस्ट कर सकते हैं। एक एप्लिकेशन के रूप में वर्कफ़्लो को सहेजना एक क्लिक करने योग्य ऐप बनाएगा। इस उत्तर को एक और सूत्र में देखें: stackoverflow.com/a/281455/1512790

— रिक ग्लैडविन

17

Chrome DevTools सेटिंग्स के तहत आप सक्षम करें:

नेटवर्क के तहत -> DevTools के तहत लॉग संरक्षित करें -> पॉपअप के लिए ऑटो-ओपन DevTools

— एंड्रयू पैटरसन
स्रोत

सबसे अच्छा जवाब IMO

— चेस मिलर

2

अच्छा जवाब लेकिन लिनक्स के लिए समझाया गया: डेवलपर कंसोल पर जाएं। हैमबर्गर मेनू पर जाएं। सेटिंग्स (या f1) पर क्लिक करें। नेटवर्क अनुभाग में लॉग को संरक्षित रखें। Devtools अनुभाग में पॉपअप के लिए ऑटो-ओपन devtools की जाँच करें

— JDPeckham

9

F12 Ctrl + Shift + I से अधिक आसान है

— येहिया
स्रोत

2

यदि आप विंडोज या लिनक्स पर हैं

— जियानफ्रेंको पी।

1

एक मैकबुक पर f12 को हिट करने के लिए, या आप को fn + f12 (नीचे बाईं ओर + ऊपर दाईं ओर चरम) करना है, जो अधिकांश कीबोर्ड उपयोगकर्ताओं के लिए आरामदायक नहीं है

— सेठ मैकक्लीन

लाइनक्स पर बढ़िया काम करता है ... स्विच करने का एक और कारण। एक पर किया MAC Pro, यह सही नहीं है, लेकिन फिर भी Apple OS से बेहतर है

— रे Foss

5

डेवलपर टूल विंडो दिखाई देने के साथ, मेनू आइकन (ऊपरी दाएं कोने में तीन ऊर्ध्वाधर डॉट्स) पर क्लिक करें और सेटिंग्स पर क्लिक करें ।

Dev Tools के तहत , पॉप-अप ऑप्शन के लिए ऑटो-ओपन DevTools की जाँच करें

— luhuiya
स्रोत

4

मैं इसी तरह के समाधान की तलाश में यहां आया था। मैं वास्तव में एक नए टैब से पगेलोड के लिए क्रोम आउटपुट देखना चाहता था। (मेरे मामले में एक फॉर्म सबमिशन) मैं जो समाधान वास्तव में इस्तेमाल करता था, वह फॉर्म टारगेट विशेषता को संशोधित करने के लिए था, ताकि फार्म जमा वर्तमान टैब में हो। मैं नेटवर्क अनुरोध पर कब्जा करने में सक्षम था। समस्या सुलझ गयी!

— जॉर्ज ग्रिफिन
स्रोत

4

विजुअल स्टूडियो के अंदर ऐसा करने के लिए कोई भी, यह कोड प्रोजेक्ट लेख मदद करेगा। बस तर्क बॉक्स में "--auto-open-devtools-for-tabs" जोड़ें। 2017 पर काम करता है।

— रॉन रेबनेक
स्रोत

यदि कोड प्रोजेक्ट पेज चला जाता है: आप एक्सक्यूट ड्रॉप-डाउन पर जाएं, ब्राउज़ विथ ..., एड ..., प्रोग्राम कुछ इस तरह चुनें: C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome .exe और तर्क: -आटो-ओपन-डिवॉल्ट्स-फॉर-टैब -incognito (गुप्त होना वैकल्पिक)

— Dustin_00

4

यदि आप बहुत लोकप्रिय vscode chrome डिबग एक्सटेंशन ( https://github.com/Microsoft/vscode-chrome-debug ) का उपयोग करके विज़ुअल स्टूडियो कोड (vscode) का उपयोग करते हैं, तो आप लॉन्च कॉन्फ़िगरेशन फ़ाइल को सेटअप कर सकते हैं launch.jsonऔर डेवलपर को खोलने के दौरान निर्दिष्ट कर सकते हैं डिबग सत्र।

launch.jsonमैं अपनी प्रतिक्रिया परियोजनाओं के लिए इसका उपयोग करता हूं:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

महत्वपूर्ण पंक्ति है "runtimeArgs": ["--auto-open-devtools-for-tabs"],

Vscode से आप अब टाइप कर सकते हैं F5, Chrome आपके ऐप और कंसोल टैब को भी खोलता है।

— vincedgy
स्रोत

1

हां, एक तरीका है जिससे आप इसे कर सकते हैं

राइट क्लिक-> निरीक्षण-> स्रोत (टैब)
आपके दाईं ओर एक "पॉज़ स्क्रिप्ट निष्पादन बटन" होगा

मुझे आशा है कि यह मदद करता है! शांति

पुनश्च: यह पहली बार है। दूसरी बार के बाद से देव उपकरण स्वचालित रूप से लोड होता है

— हरीश
स्रोत

0

--auto-open-devtools-for-tabsकमांड लाइन से क्रोम चलाते समय ध्वज का प्रयोग करें

/ अनुप्रयोग / Google \ Chrome.app/Contents/MacOS/Google \ Chrome --auto-open-devtools-for-tabs

https://developers.google.com/web/tools/chrome-devtools/open#auto

— रोबिन
स्रोत

-6

आप दाईं ओर कोने F12में नई विंडो में देव उपकरण ( क्रोम में) खोल सकते हैं clicking three, vertical dots, और चुन सकते हैं Open as Separate Window।

— Belloz
स्रोत