स्रोतों/नेटवर्क टैब में एकाधिक यूआरएल प्रतिलिपि

Question

क्या क्रोम देव टूल्स के स्रोत या नेटवर्क टैब में एकाधिक संसाधनों के यूआरएल निकालना संभव है?
मैं एक एकल संसाधन का URL प्राप्त करना चाहते हैं, मैं संदर्भ मेनू समारोह लिंक पता कॉपी करें

मैं स्रोत टैब और इसके लिए नेटवर्क से इस संसाधन के लिए स्विच कर सकते हैं के साथ यह कर सकते हैं इसके विपरीत, लेकिन अगर मुझे एकाधिक संसाधनों के URL प्राप्त करने की आवश्यकता है तो क्या होगा? परिणामस्वरूप 200-300 संसाधन होते हैं तो उन्हें मैन्युअल रूप से कॉपी करना बहुत बोझिल होता है।

क्या मैं अब तक की कोशिश की है:

1. एक स्रोत टैब से पूरे फ़ोल्डर की प्रतिलिपि करने के लिए, लेकिन this answer से मुझे पता चला है कि यह अभी के लिए संभव नहीं है।

2. मामले में

   $('img') 
   

   का एक रूप में $(selector) उपयोग करने के लिए Console reference में विनिर्दिष्ट, हम चित्र URL लाने की जरूरत है।

   इस दृष्टिकोण की जटिलता यह है कि उन पृष्ठों पर लक्ष्य छवियों को अलग करना मुश्किल होता है जिनमें सैकड़ों उनमें से एक है, और इसके अलावा, एक ही छवि (दृश्य, पूर्वावलोकन, छोटे आकार के आइकन और आदि) के कई संस्करण हैं। से मिलान करने के लिए आवश्यक संसाधन के साथ टैग के अंदर तत्व इतना आसान नहीं है, जैसा लगता है। इसके अलावा सभी फ़ाइल प्रकारों में समर्पित टैग नहीं होते हैं (जैसा कि img के मामले में)।

शायद मुझे कुछ संशोधकों के साथ src टैग का उपयोग करना चाहिए? कोई अन्य सुझाव?

Answer 1

1. स्विच अलग विंडो पर DevTools (क्लिक करें DevTools सेटिंग आइकन, क्लिक करें "गोदी पक्ष" आइकन अनडॉक)। अगली बार जब आप Ctrl - शिफ्ट - डी दबा सकते हैं।
2. आह्वान DevTools के लिए DevTools दबाने Ctrl द्वारा - शिफ्ट - मैं
3. भागो सब के URL की प्रतिलिपि करने के लिए इस कोड/फ़िल्टर किए गए अनुरोध को क्लिपबोर्ड में: copy(UI.panels.network._networkLogView._dataGrid._rootNode._flatNodes.map(n => n._request._url).join('\n'))

आप को बचा सकता है कोड पैनल में स्निपेट के रूप में कोड और इसे राइटक्लिक-मेन्यू या Ctrl-Enter:

var URLs = UI.panels.network._networkLogView._dataGrid._rootNode._flatNodes.map(n => n._request._url); 
copy(URLs.join('\n')); 
URLs; // displays it in the console as an expandable array