سؤال كيف يمكنني التقاط لقطات شاشة للمتصفح بدرجة وضوح أعلى مما يدعمه المتصفح الخاص بي؟


أحتاج إلى أخذ لقطة شاشة لموقع ويب كما سيظهر على شاشة عالية الدقة ... لنقل 4000 × 3000 بكسل. تحتوي شاشة جهاز الكمبيوتر المحمول الخاص بي على دقة أصلية تبلغ 1400 × 768. في الأساس ، أحتاج إلى محاكاة وجود دقة شاشة أعلى بكثير من شاشتي وبطاقة الفيديو يدعمان بالفعل. أريد أن تعرض لقطة الشاشة للموقع إلى حد كبير كيفية عملها عندما تضغط على CTRL MINUS (التصغير) في Firefox بشكل متكرر ، ولكن بدون أي فقدان للبكسل بسبب القياس. كيف يمكنني أن أفعل هذا؟ هل هناك طريقة لاستخدام برنامج الجهاز الظاهري لمحاكاة شاشة فائقة عالية الدقة؟ إذا لم يكن كذلك ، فهل هناك طريقة لفتح نافذة متصفح أكبر من الشاشة ، ثم التقاط محتوياتها على هيئة PNG بطريقة أو بأخرى؟ أي شيء آخر قد يعمل؟


95
2018-03-15 19:12


الأصل


قد تحاول تبديل إعداد نقطة في البوصة لنظام التشغيل لديك. وأعتقد أن ويندوز 8 يتطلب تغيير قيمة التسجيل. في حين أن هذا يمنحك سطح مكتب عملاق ، فإن الخطوط بالطبع تتدرج أيضًا لذا عليك أن ترهق عينيك أكثر لقراءة النص. - jiggunjer


الأجوبة:


يمكنك فعل ذلك باستخدام Firefox وملحقين: مطور ويب و اطلق رصاصة.

بمجرد تثبيت كلا الملحقات ، انتقل إلى أدوات - مطور ويب - تغيير الحجم - تحرير حجم الأبعاد ...

أضف حجمًا جديدًا ، 4000 × 3000. حدد "تغيير حجم إطار العرض" إذا كنت تريد أن يكون محتوى الصفحة 4000 × 3000 فقط. إذا لم تقم بفحصه ، فسيتم ضبط النافذة الكاملة لـ Firefox (مع أشرطة الأدوات والقائمة ...) على هذا البُعد.

alt text

وبمجرد الوصول إلى الحجم الصحيح ، انتقل إلى أدوات - FireShot - التقاط صفحة بالكامل و .... حدد إجراء ، مثل حفظ على سبيل المثال. سيحفظ محتوى الصفحة الذي تم تعيينه بواسطة Web Developer إلى الحجم المطلوب.

alt text


104
2018-03-15 21:13



snark - حسنًا ، هذا تقريبيا عمل. ولكن يبدو أن ملحق مطور الويب لا يسمح لي بأن اجعل إطار العرض أكبر من شاشتي ...؟ - Joshua Carmody
@ جوشوا: إنه يعمل بشكل جيد بالنسبة لي. اختبرت قبل نشر إجابتي. لقد أجريت اختبارًا جديدًا ولكن لم أجد مكانًا لاستضافة مثل هذه الصورة الكبيرة - Snark
تحديث: يبدو أن المشكلة التي لا يمكن جعلها نافذة أكبر من الشاشة هي قيد يفرضه نظام التشغيل Windows نفسه. - Joshua Carmody
snark - هل تمانع إذا سألت ما هو نظام التشغيل الذي تقوم بتشغيله؟ - Joshua Carmody
@ سانارك - آه. ربما يكون شيء ويندوز إكس بي (وهذا ما أنا عالق هنا). على أي حال ، يمكنني حل المشكلة باستخدام FireBug لإدراج DIV باستخدام النمط = "width: 4000px؛ height: 3000px؛" في تعليمات HTML البرمجية ، ثم استخدام FireShot ، لذا فأنا لا أزال جيدًا. شكرا للإشارة إلى FireShot. هذا يجعلني الحياة أسهل بكثير. كنت أتجول وأخذ لقطات الشاشة أكثر من تركيبها يدويًا من قبل. كان من الألم الرئيسي. - Joshua Carmody


في هذه الأثناء (لمدة عام أو اثنين على الأقل - منذ الإصدار 15 ، إذا لم أكن مخطئًا) ، يدعم Firefox ذلك مباشرة من خلال أدوات التطوير المتكاملة.

إما ضرب السيطرةتحول  M أو اختر عرض تصميم متجاوب من ادوات المطورين أيقونة في قائمة شريطية.

سيؤدي هذا إلى عرض هذا العرض ، والذي سيسمح لك بالاختيار من مجموعة من الإعدادات المسبقة وكذلك إدخال أي حل مطلوب و حفظ لقطة شاشة بتنسيق PNG مباشرة إلى القرص بنقرة واحدة:

enter image description here


19
2018-06-22 11:59



قد لا يعمل زر screenshot screenshot بشكل صحيح عند محاكاة صور hi-dpi من خلال التكبير. في هذه الحالة ، افتح شريط أدوات مطور البرامج Shift + F2 ولصق screenshot --clipboard --fullpage في "وحدة التحكم". هذا يختلف عن وحدة التحكم JS العادية. - blade
يعمل هذا أيضًا مع وضع اختبار جهاز وحدة تحكم مطوري Chrome. خيار لقطة الشاشة موجود في القائمة المنسدلة في الجزء العلوي الأيسر. - Tully
للأسف ، يبدو أن هذا لا يعمل في Chrome ؛ حاولت فقط التقاط لقطة شاشة كاملة العرض في Chrome من Microsoft Flow (نظرًا لأن التدفق لن يتم عرضه بشكل صحيح في Firefox ، على الرغم من أن طريقة لقطة شاشة full-full من Firefox تعمل) ولم يستغرق سوى لقطة شاشة للمساحة المعروضة حاليًا ... وبعبارة أخرى ، لم يكن هناك أي اختلاف بين "لقطة الشاشة" في Chrome و "التقاط لقطة شاشة كاملة الحجم" ... بالخسارة. - TylerH


على جهاز Mac المصورون يمكن أن يساعد ، إما باستخدام واجهة المستخدم الرسومية أو استخدام بناء جملة URL مثل:

المصورون: (العرض = 4000، ارتفاع = 3000، maxheight = 3000)كيف يمكنني التقاط لقطات شاشة للمتصفح بدرجة وضوح أعلى مما يدعمه المتصفح الخاص بي؟

enter image description here

يمكن بناء جملة URL بسهولة تحول إلى bookmarklet. يستخدم Paparazzi محرك تقديم WebKit.


8
2018-06-10 21:58





أنا استخدم إضافة فايرفوكس على دعا اختطاف لإنشاء لقطة .png لصفحة ويب بالكامل. للأسف ، لم يتم تحديث الإضافة لتكون متوافقة مع FireFox 3.6 حتى الآن.

يشبه مسكة الشاشة سوف نفعل نفس الشيء.


5
2018-03-15 22:20





يحتوي Firefox 16 فصاعدًا الآن على القدرة على التحكم في حجم إطار العرض باستخدام وحدة تحكم مطوّر البرامج:

فتح أدوات ... Web Developer ... Developer Toolbar

تغيير حجم إطار العرض باستخدام هذا الأمر:

resize to 5000 5000

التقاط الشاشة باستخدام هذا الأمر:

screenshot output.png

5
2017-08-17 02:55





حسنًا ، باستخدام Linux (أو إعداد نظام Window X لأي نكهة) ، يمكنك تعيين سطح مكتب افتراضي أكبر من شاشتك. قمت بالتمرير حوله ، ولكن أعتقد أنه يمكنك بعد ذلك تكبير المتصفح الخاص بك وشاشة الشاشة.

لا أعرف ما إذا كان هناك طريقة للقيام بذلك في نظام التشغيل Windows أو OS X.


4
2018-03-15 21:12





أجد استخدام الخدمات عبر الإنترنت مثل thumbalizr أسهل من تثبيت مكونات المتصفح الإضافية ، إذا لم تكن بحاجة إلى ذلك كثيرًا.


3
2018-06-07 13:51