मैं क्लाइंट के लिए किसी वेब साइट की समीक्षा करने के लिए क्रोम डेवलपर टूल का उपयोग कर रहा हूं, और यह अच्छा होगा अगर मैं समय ग्राफ के परिणाम निर्यात कर सकता हूं।क्या क्रोम डेवलपर टूल से समय ग्राफ निर्यात करने का कोई तरीका है?
क्या यह संभव है?
यह बिल्कुल आसान नहीं है लेकिन यह अच्छी तरह से काम करने लगता है!
पहले तुम देव उपकरण में समय उठना और सही कहीं पर क्लिक करें और "तत्व का निरीक्षण" की जरूरत है। यह HTML के साथ देव उपकरण का एक और संस्करण खुल जाएगा।
आप पर <html> टैग और चयन "HTML के रूप में कॉपी" सही क्लिक करके इस कॉपी करना होगा।
इसे एक टेक्स्ट एडिटर में चिपकाएं और एक HTML फ़ाइल के रूप में सहेजें।
क्रोम में निम्न यूआरएल देखें और इन फ़ाइलों को HTML फ़ाइल के समान स्थान पर सहेजें। इन फ़ाइलों को इंगित करने के chrome-devtools://devtools/DevTools.js chrome-devtools://devtools/devTools.css
बदलें बचाया html में <head> टैग में स्थानों।
इस फ़ाइल के पैर में "छवियों" फ़ोल्डर में संसाधन टैब में सभी छवियां सहेजें। इसमें उम्र लगेगी, क्षमा करें! मुझे लगता है कि ये सभी क्रोम "resource.pak" फ़ाइल में शामिल होंगे जो क्रोम इंस्टॉलेशन निर्देशिका में है, हालांकि मुझे इसे निकालने का कोई आसान तरीका नहीं मिला।
ब्राउज़र में अपना एचटीएमएल देखना आपको यह दिखाना चाहिए कि आपको संसाधनों, जेएस और सीएसएस निकालने के बाद, आपको बस अलग-अलग HTML फ़ाइलों में टाइमलाइन के विभिन्न संस्करणों को कॉपी और पेस्ट कर सकते हैं।
यह मानते हुए कि आप network पैनल में झरना चार्ट उत्पादन की चर्चा करते हुए रहे हैं, आप चार्ट के शीर्ष पर राइट क्लिक कर सकते हैं (या चार्ट अपने आप में किसी भी खाली स्थान), और "कॉपी नेटवर्क लॉग के रूप में चयन एचएआर "चार्ट के डेटा को अपने क्लिपबोर्ड में खींचने के लिए।
एचएआर एक प्रारूप है जो कई टूल समझते हैं; अपने ग्राहकों के साथ चर्चा करने के लिए एक अच्छा झरना चार्ट उत्पन्न करने के लिए, HAR Viewer जैसे कुछ पर नज़र डालें। मुझे लगता है कि आपकी जरूरतों को पूरा करेगा।
हाय माइक, एचएआर व्यूअर लॉग इन किए गए लॉग पर चोक करता है। यह क्रोम के संस्करण या एचएआर व्यूअर संस्करण के संस्करण के लिए विशिष्ट हो सकता है, लेकिन .. क्या आप उन अन्य उपकरणों का नाम दे सकते हैं जिनके बारे में आप सोचते हैं? Google ने मदद नहीं की। धन्यवाद। –
हाय गेब्रियल, एचएआर समर्थन में कुछ बग हैं जिन्हें हम फिक्सिंग पर काम कर रहे हैं। अगर आप सत्यापन को छोड़ने के लिए एचएआर व्यूअर को बताते हैं (यह एक चेकबॉक्स है), तो आपको लॉग फ़ाइल का अधिक सटीक दृश्य प्राप्त होगा। गायब फ़ील्ड को भविष्य में रिलीज में लपेटा जाना चाहिए, लेकिन इस पल के लिए यह एकमात्र कामकाज है जिसे मैं पेश कर सकता हूं। –
मजेदार बात यह है कि मेरा Valida के बावजूद, लॉग एचएआर व्यूअर में काम नहीं करते हैं टयन, लेकिन उनमें से कुछ मुझे दूसरों से मेल द्वारा प्राप्त करते हैं। तो मैं ठीक हो जाऊंगा। –
यदि आप नेटवर्क पैनल पर डेटा कैप्चर करने का एक तेज़ और आसान तरीका चाहते हैं तो आप प्रदर्शित डेटा में किसी भी पंक्ति पर राइट-क्लिक कर सकते हैं, फिर सभी का चयन करें और सामग्री को एक्सेल में पेस्ट करें।
एक्सेल वास्तव में डेटा के सारणीबद्ध लेआउट को कैप्चर करने का अच्छा काम करता है, साथ ही एक्सेल में एक बार आप अपनी आवश्यकताओं के अनुसार डेटा का उपयोग कर सकते हैं।
एक दोष यह है कि यह क्रोम में उत्पादित उन स्वच्छ जलप्रवाह ग्राफों को कैप्चर नहीं करता है, लेकिन मुझे लगता है कि एक्सेल की ग्राफिंग क्षमता उस के लिए तैयार हो सकती है!
जब मैं सभी का चयन करता हूं, तो यह वास्तव में केवल दृश्य पंक्तियों का चयन करता है। –
अब आप उबंटू 12 पर संस्करण 23.0.1271.97 (मैंने केवल इस संस्करण का परीक्षण किया) में देव उपकरण तत्व का निरीक्षण नहीं कर सकते हैं।04 :( –
आप अभी भी देव उपकरण का निरीक्षण कर सकते हैं जो आपको संदर्भ मेनू के बजाय क्रोम: // निरीक्षण पृष्ठ का उपयोग करना है: http://stackoverflow.com/questions/12291138/how-do-you-inspect- वेब-इंस्पेक्टर-इन-क्रोम/13568896 # 13568896 –