अपने ब्राउज़र के समर्थन से मैं उच्च रिज़ॉल्यूशन पर ब्राउज़र स्क्रीनशॉट कैसे ले सकता हूं?


97

मुझे एक वेबसाइट का स्क्रीनशॉट लेने की आवश्यकता है क्योंकि यह एक उच्च रिज़ॉल्यूशन मॉनिटर पर दिखाई देगा ... 4000x3000 पिक्सेल। मेरे लैपटॉप की स्क्रीन का देशी रिज़ॉल्यूशन 1400x768 है। असल में, मुझे अपने मॉनिटर और वीडियो कार्ड वास्तव में समर्थन की तुलना में मॉनिटर रिज़ॉल्यूशन का अनुकरण करने की आवश्यकता है। मैं चाहता हूं कि साइट का स्क्रीनशॉट फ़ायरफ़ॉक्स में बार-बार सीटीआरएल माइनस (ज़ूम आउट) हिट करने पर बहुत अच्छा लगता है, लेकिन स्केलिंग के कारण पिक्सेल के किसी भी नुकसान के बिना। मैं यह कैसे कर सकता हूँ? सुपर-हाई-रेस डिस्प्ले प्रदर्शित करने के लिए वर्चुअल मशीन सॉफ़्टवेयर का उपयोग करने का कोई तरीका है? यदि नहीं, तो क्या स्क्रीन से बड़ी एक ब्राउज़र विंडो खोलने का कोई तरीका है, और फिर किसी तरह PNG के रूप में इसकी सामग्री को कैप्चर करें? कुछ और जो काम कर सकता है?


आप अपने OS की dpi सेटिंग को स्विच करने का प्रयास कर सकते हैं। मेरा मानना ​​है कि विंडोज़ it में इसे एक रजिस्ट्री मान को बदलने की आवश्यकता है। जब यह आपको एक विशाल डेस्कटॉप देता है, तो निश्चित रूप से फोंट भी बड़े पैमाने पर होते हैं ताकि आपको पाठ पढ़ने के लिए अपनी आँखों को अधिक तनाव देना पड़े।
जिगगंजर

जवाबों:


104

आप इसे फ़ायरफ़ॉक्स और 2 एक्सटेंशन: वेब डेवलपर और फायरशॉट के साथ कर सकते हैं ।

एक बार दोनों एक्सटेंशन इंस्टॉल हो जाने के बाद, टूल्स - वेब डेवलपर - रिसाइज - एडिट रिसाइज डायमेंशन ... पर जाएं।

एक नया आकार, 4000 x 3000 जोड़ें। "व्यूपोर्ट का आकार बदलें" जांचें यदि आप केवल पृष्ठ सामग्री 4000x3000 चाहते हैं। यदि आप इसकी जांच नहीं करते हैं, तो फ़ायरफ़ॉक्स की पूरी विंडो (टूलबार, मेनू, ...) इस आयाम पर सेट हो जाएगी।

वैकल्पिक शब्द

एक बार सही आकार में, टूल्स - फायरशॉट - कैप्चर एंट्री पेज और ... पर जाएं। एक क्रिया का चयन करें, जैसे कि उदाहरण के लिए सहेजें। यह वेब डेवलपर द्वारा वांछित आकार के लिए निर्धारित पृष्ठ सामग्री को बचाएगा।

वैकल्पिक शब्द


@snark - ठीक है, कि लगभग काम किया। लेकिन ऐसा लगता है कि वेब डेवलपर एक्सटेंशन मुझे व्यूपोर्ट को मेरी स्क्रीन से बड़ा नहीं बनाने देगा ...?
जोशुआ कारमोडी

@ जोशुआ: यह मेरे लिए ठीक काम करता है। मैंने अपना उत्तर पोस्ट करने से पहले परीक्षण किया। मैंने एक नया परीक्षण किया, लेकिन यह पता नहीं लगा पाया कि इतनी बड़ी छवि कहाँ पर है
स्नार्क

1
अपडेट: विंडो-ओन स्क्रीन-टू-द-स्क्रीन-टू-स्क्रीन समस्या ओएस ओएस द्वारा स्वयं द्वारा लगाए गए एक सीमा है।
जोशुआ कारमोडी

@snark - क्या आपको लगता है कि अगर मैं पूछूं कि आप किस ओएस पर चल रहे हैं?
जोशुआ कारमोडी

2
@ सर्नक - आह। हो सकता है कि यह एक विंडोज़ एक्सपी चीज़ हो (जो मैं यहाँ अटका हुआ हूँ)। किसी भी स्थिति में, मैं इसके चारों ओर काम कर सकता हूं फायरबग का उपयोग करके स्टाइल के साथ एक डीआईवी डालने के लिए = "चौड़ाई: 4000 फ्रेम:: 2 जीबी पीएक्स;" HTML कोड में, और फिर फ़ायरशॉट का उपयोग करना, इसलिए मैं अभी भी अच्छा हूं। फायरशॉट को इंगित करने के लिए धन्यवाद। इससे मुझे जीवन बहुत आसान हो गया है। मैं चारों ओर स्क्रॉल कर रहा था और स्क्रीनशॉट लेने से पहले उन्हें मैन्युअल रूप से लिखने की तुलना में। यह एक प्रमुख दर्द था।
जोशुआ कारमोडी

19

इस बीच (कम से कम एक साल या दो के लिए - संस्करण 15 के बाद से, अगर मैं गलत नहीं हूं), फ़ायरफ़ॉक्स सीधे एकीकृत डेवलपर टूल के माध्यम से इसका समर्थन करता है।

स्ट्रिप मेनू में डेवलपर टूल आइकन से CtrlShift Mया तो उत्तरदायी डिज़ाइन दृश्य को हिट करें या चुनें ।

यह इस दृश्य को सामने लाएगा, जो आपको प्रीसेट के सेट से चुनने के साथ-साथ किसी भी वांछित रिज़ॉल्यूशन को दर्ज करने और सीधे एक क्लिक के साथ पीएनजी प्रारूप में स्क्रीनशॉट को सहेजने देगा।

यहाँ छवि विवरण दर्ज करें


1
स्क्रीनशॉट बटन ठीक से काम नहीं कर सकता है जब आप जूम करके हाई-डीपीआई इमेजेस का अनुकरण कर रहे हैं। उस स्थिति में, डेवलपर टूलबार Shift+ खोलें F2और screenshot --clipboard --fullpage"कंसोल" में पेस्ट करें । यह रेगुलर JS कंसोल से अलग है।
ब्लेड

यह क्रोम डेवलपर कंसोल डिवाइस टेस्टिंग मोड के साथ भी काम करता है। स्क्रीनशॉट विकल्प शीर्ष दाईं ओर ड्रॉप डाउन मेनू में है।
टुल्ली

दुर्भाग्य से यह क्रोम में काम नहीं करता है; मैंने अभी-अभी Microsoft फ़्लो के क्रोम में पूर्ण-व्यूपोर्ट स्क्रीनशॉट लेने की कोशिश की है (क्योंकि फ़्लो फ़ायरफ़ॉक्स में ठीक से प्रदर्शित नहीं होगा, भले ही फ़ायरफ़ॉक्स का फ़ुल-व्यूपोर्ट स्क्रीनशॉट विधि काम करता है) और इसने केवल वर्तमान में देखे गए स्थान का स्क्रीनशॉट लिया। ... दूसरे शब्दों में, क्रोम के "कैप्चर स्क्रीनशॉट" और "पूर्ण आकार के स्क्रीनशॉट को कैप्चर करें" विकल्प ... बुमर के बीच कोई अंतर नहीं था।
टायलरएच

8

Mac पर, Paparazzi अपने GUI का उपयोग करके या URL सिंटैक्स का उपयोग करके मदद कर सकता है:

paparazzi: (चौड़ाई = 4000, ऊँचाई = 3000, अधिकतम ऊँचाई = 3000) मैं अपने ब्राउज़र समर्थन की तुलना में उच्च रिज़ॉल्यूशन पर ब्राउज़र स्क्रीनशॉट कैसे ले सकता हूँ?

यहाँ छवि विवरण दर्ज करें

URL सिंटैक्स को आसानी से एक बुकमार्कलेट में बदल दिया जा सकता है । Paparazzi WebKit रेंडरिंग इंजन का उपयोग करता है।


6

मैं अपनी संपूर्णता में एक वेबपृष्ठ का एक .png शॉट बनाने के लिए अपहरण नामक फ़ायर्फ़ॉक्स ऐड का उपयोग करता हूं । दुर्भाग्य से उस पर जोड़ने के लिए अभी तक फ़ायरफ़ॉक्स 3.6 के साथ संगत होने के लिए अद्यतन नहीं किया गया है।

लगता है कि स्क्रीनग्रेब भी यही काम करेगा।


5

फ़ायरफ़ॉक्स 16 अब डेवलपर कंसोल के साथ व्यूपोर्ट के आकार को नियंत्रित करने की क्षमता रखता है:

उपकरण खोलें ... वेब डेवलपर ... डेवलपर टूलबार

इस आदेश के साथ व्यूपोर्ट का आकार बदलें:

resize to 5000 5000

इस आदेश के साथ स्क्रीन पर कब्जा:

screenshot output.png

4

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

मुझे नहीं पता कि विंडोज या ओएस एक्स में ऐसा करने का कोई तरीका है।


3

यदि आप अक्सर ऐसा करने की आवश्यकता नहीं है, तो मुझे ब्राउज़र प्लग इन स्थापित करने की तुलना में थंबलीज़र जैसी ऑनलाइन सेवाओं का उपयोग करना आसान लगता है।


1

Chrome में ऐसे गंभीर एक्सटेंशन हैं जैसे:

एक और वेबपेज स्क्रीनशॉट है, लेकिन मेरे पास दो लिंक से अधिक प्रकाशित करने के लिए पर्याप्त प्रतिष्ठा नहीं है

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