क्रोम देव टूल्स: एक नया टैब खोलने वाले लिंक के लिए नेटवर्क का पता कैसे लगाएं?


235

मैं उस नेटवर्क गतिविधि का पता लगाना चाहता हूं जो किसी लिंक पर क्लिक करने पर होती है। समस्या यह है कि लिंक एक नया टैब खोलता है, और जाहिर है कि देव उपकरण प्रति टैब के लिए काम करता है जो इसके लिए खुला था। "संरक्षित लॉग ऑन नेविगेशन" मदद नहीं करता है।

मेरा वर्तमान समाधान FireFox और HttpFox पर जाना है, जिसमें यह समस्या नहीं है। मुझे आश्चर्य है कि क्रोम के लिए सभी डेवलपर्स कैसे प्रबंधित करते हैं, यह बहुत बुनियादी लगता है (निश्चित रूप से मैंने जवाब के लिए खोज की है, कुछ भी उपयोगी नहीं मिला)।


चूँकि इस सवाल पर काफी ध्यान दिया जाता है, मुझे आश्चर्य हुआ कि क्या मैं एक बेहतर समाधान प्रदान कर सकता हूं। एक ही टैब में खोलने के लिए सभी लिंक बनाने की चाल है?
कोनराड डिजविनेल

@KonradDzwinel यह मेरे लिए एक बंद काम था और मैं इस पर चला गया इसलिए मैं आपको नहीं बता सकता। यदि आप जवाब देने की कोशिश करना और लिखना पसंद करते हैं तो मुझे इसे स्वीकार करने में खुशी होगी।
दवका

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

जवाबों:


220

अपने ब्राउज़र में होने वाली सभी नेटवर्क घटनाओं के विस्तृत अवलोकन के लिए देखें chrome://net-internals/#events(या chrome://net-exportक्रोम के नवीनतम संस्करण में)।


आपकी विशिष्ट समस्या के आधार पर अन्य संभव समाधान, 'नेटवर्क' टैब पर 'संरक्षित लॉग' को सक्षम करने के लिए हो सकता है:

DevTools> Network> लॉग को संरक्षित करें

और सांत्वना में निम्नलिखित कोड को निष्पादित करके सभी लिंक एक ही टैब में खोलने के लिए मजबूर करें:

[].forEach.call(document.querySelectorAll('a'),
    function(link){
        if(link.attributes.target) {
            link.attributes.target.value = '_self';
        }
    });

window.open = function(url) {
    location.href = url;
};

13
धन्यवाद इस शांत है, लेकिन मैं देव उपकरण (अनुरोध और सभी हेडर के साथ प्रतिक्रिया) के रूप में सूची चाहते हैं, सिर्फ एक और टैब के लिए
davka

यह विशेष रूप से दिलचस्प है अगर आप फ़िल्टर को विज्ञापन करते हैं type:URL_REQUEST, लेकिन इसमें नेटवर्क टैब के समान जानकारी नहीं है। उदाहरण के लिए, यह दोनों अनुरोधों और प्रतिक्रियाओं के लिए कुकी डेटा को स्ट्रिप करने के लिए लगता है।
पैट्रिक एम।

3
document.querySelectorAll('a,form')रूपों को भी प्रभावित करेगा।
jgb

1
काश मैं इसे दो बार बढ़ा पाता। मैंने क्रोम के लिए एक सामग्री स्क्रिप्ट बनाई है जो हॉटकी पर ऐसा करती है, और यह सचमुच मेरे जीवन के घंटों को बचाती है।
polkovnikov.ph

1
Chrome प्रदर्शित करता है "नेट-इंटर्नल ईवेंट्स दर्शक और संबंधित कार्यक्षमता को हटा दिया गया है। कृपया उन्हें देखने के लिए netlogs और बाहरी गुलेल netlog_viewer को बचाने के लिए chrome: // net-export का उपयोग करें।" , लेकिन क्रोम: // नेट-एक्सपोर्ट शानदार काम करता है।
जॉर्डन

108

सुविधा का अनुरोध phsource द्वारा टिप्पणी में आपका उल्लेख लागू किया गया है।

हाल के संस्करणों में (क्रोम 50 से शुरू), आप डेवलपर टूल सेटिंग मेनू (ओपन डेवलपर टूल, फिर 3-डॉट्स मेनू या हिट का उपयोग कर सकते हैं) पर जा सकते हैं F1और "पॉपअप के लिए ऑटो-ओपन देवटल्स" बॉक्स को चेक कर सकते हैं।


13
ठीक काम करता है, सिवाय इसके कि खिड़की खोलने के तुरंत बाद "लॉग्स को संरक्षित" करने के लिए यह थोड़ा मुश्किल है।
इरविन मेयर

आपको अपना उत्तर अपडेट करना चाहिए, क्योंकि वर्तमान में क्रोम स्थिर संस्करण 55 है
लूलू

5
आह, नई विंडो में हालांकि <संरक्षित लॉग्स> सक्रिय नहीं है। क्रोम इंजीनियरों के साथ क्या गलत है?
पैसिफायर

इसका उपयोग stackoverflow.com/a/29029881/145400 के संयोजन में करें ("क्रोम देव टूल्स का एक शानदार उत्तर यह है कि खिड़की बंद होने के बाद भी खुला रखना संभव है?")!
डॉ। जन-फिलिप गेर्के

3-डॉट्स मेनू का उपयोग करें या हिट करें> प्राथमिकताएं पृष्ठ> DevTools> "पॉपअप के लिए ऑटो-ओपन DevTools"
होली

27

Chrome 61.0.3163.100 में अब आपके पास निम्न विकल्प उपलब्ध हैं। इसे क्रोम देव टूल्स सेटिंग में जाकर एक्सेस किया जाता है। यह सबसे निचले पायदान पर है।

वेब इंस्पेक्टर सेटिंग्स


3
यह दुर्भाग्य से, नई खुली हुई खिड़की में "संरक्षित लॉग्स" को सक्रिय नहीं करता है, इसलिए यदि आपको एक नई विंडो मिलती है और उक्त विंडो में रीडायरेक्ट होता है, तो नेटवर्क लॉग को हटा दिया जाएगा और रीडायरेक्ट के बाद शुरू होगा।
जंहा

4
सेटिंग, उन लोगों के लिए जो छवि को देखने के लिए लिंक पर क्लिक नहीं करना चाहते हैं, "DevTools" शीर्षक के तहत "पॉपअप के लिए ऑटो-ओपन DevTools" है। अन्य उपलब्ध सेटिंग्स: "संरक्षित लॉग", "नेटवर्क" के तहत; "कंसोल" के तहत "नेविगेशन पर संरक्षित लॉग"।
५:४

2
यह मेरे लिए काम कर रहा है (क्रोम 76), और यह है "लॉग रक्षित" जब यह शुरूआत पॉपअप विंडोज़ 'डेवलपर tools.This बचाना लॉग सक्रिय सेटिंग होने मेरे द्वारा सक्रिय किया जा सकता को सक्रिय?
विंस बॉड्रेन

11
  • लिंक जोड़ें / अपडेट करें target="_self"
  • नेटवर्क टैब में "नेविगेशन पर लॉग्स को संरक्षित करें" जांचें।
  • लिंक पर क्लिक करें और अपने अनुरोध को लॉग इन करें

10

आप इसे इस तरह से कर सकते हैं:

  1. वांछित लिंक पर लक्ष्य = "any_window_name" सेट करें।
  2. एक बार उस लिंक पर क्लिक करें, इसे नए टैब में खोलने के लिए।
  3. ओपन टैब में, डेवलपर टूल खोलें।
  4. मूल पृष्ठ पर वापस जाएं और उस लिंक को फिर से हिट करें।

    परिणाम पहले से तैयार विंडो में लोड किया जाएगा जिसमें डेवलपर टूल खुले हैं।

    आप उस लिंक पर किसी भी पुनर्निर्देशित ट्रैफ़िक को पकड़ने के लिए देव टूल्स में "संरक्षित लॉग" विकल्प को सक्रिय कर सकते हैं (कोनराड डज़्विनेल उत्कृष्ट उत्तर देखें)।

    नोट : अधिकांश लोग लिंक लक्ष्य _ {_ स्वयं, _blank, _parent, _top} से परिचित हैं। लेकिन वास्तव में कोई भी नाम दिया जा सकता है, यह उस नाम के साथ एक नई विंडो खोलेगा, और लिंक, फॉर्म या विंडो पर किसी भी बाद के क्लिक के साथ एक ही लक्ष्य मान के साथ एक ही विंडो में खोला जाएगा। आगे पढ़ने - mdn: window.open , mdn: <a> टैग


इस टिप के लिए बहुत बहुत धन्यवाद, मैंने कभी इसके बारे में नहीं सोचा होगा। बिल्कुल वही जो मुझे चाहिए था। कई विंडो में काम करता है (कम से कम क्रोम में), अगर कोई भी इसे पढ़ता है तो यह देखना चाहता है कि एक ही समय में दो पृष्ठ कैसे व्यवहार करते हैं।
मार्क ऑर्मशेर

3

यदि खोली गई लिंक पुनर्निर्देशित नहीं होती है, तो आप नए टैब में नेटवर्क टैब खोल सकते हैं और फिर टैब को रिफ्रेश कर सकते हैं।


2

F12नया टैब खुलने पर तुरंत हिट करें

https://stackoverflow.com/a/13747562/660408

Google ड्राइव डाउनलोड प्रतिक्रियाओं की निगरानी करते समय मेरे लिए काम करता है


0

* अस्वीकरण: HttpWatch के डेवलपर द्वारा पोस्ट किया गया *

विंडोज पर HttpWatch नेटवर्क ट्रैफिक को तब रिकॉर्ड कर सकता है जब टूल्स-> ऑप्शंस-> रिकॉर्डिंग में ऑटो-रिकॉर्डिंग को सक्षम करके एक नया क्रोम टैब या विंडो खोला जाता है। नई विंडो में नेटवर्क ट्रेस देखने के लिए HttpWatch आइकन पर क्लिक करें।

नि : शुल्क संस्करण प्रत्येक अनुरोध के लिए बुनियादी जानकारी जैसे URL, स्थिति कोड और बीता हुआ समय प्रदान करेगा।

* अस्वीकरण: HttpWatch के डेवलपर द्वारा पोस्ट किया गया *

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.