Firefox'ta bir web sayfasının içinde kaydırma elemanı içeren bir ekran görüntüsü nasıl alınır?

Web sayfasının tamamının ekran görüntüsünü almam gerekiyor. İşin püf noktası, ekrana sığmayan tek bir öğenin tüm içeriğini içerecek şekilde ekran görüntüsüne ihtiyacım var.

Yüksekliği nedeniyle kaydırma çubuğu olan tek bir sütun tablodur. Bir IFRAME değildir (kendi sekmesinde yüklemek kolay olacaktır).

Sütun biçimlendirilmiş metin ve birkaç küçük resim içeriyor.

Kayan uzun web sayfaları için, bu görevi gerçekleştirmek çok önemlidir. Ancak sayfa içinde kayan tek bir öğe içerdiğinde nasıl başarılabilir?

Açıkçası, sadece öğenin kendisini değil, tüm sayfayı da yakalamam gerekiyor.

Bunu Windows'ta Firefox kullanarak yapmak istiyorum.

Benim önerim, Firefox’un tek bir DOM öğesinin ekran görüntülerini almanıza izin veren yerleşik özelliğini kullanmak .

Geliştirici araçlarını açıp aç → Öğeyi bul → Sağ tıkla ve ekran görüntüsünü al

Dahili sitemden birinde çalışmadı, bu yüzden herkes için işe yarayacağını söyleyemem.

OP Düzenlemesinden Sonra Güncelleme:

Tam sayfa, aşağıda gösterildiği gibi tüm DOM öğesi içeriği ile birlikte kayıt yapmak istiyorsanız, DOM öğesinin yüksekliğini düzenlemelisiniz, ancak ...

Bir çok DOM öğesini görünüm dışından ve ekran görüntüsünden ya da AFAIK'ten başka hiçbir araç yakalamayacak, bu da amacınızı yenecek.

Https://en.wikipedia.org/wiki/Screenshot adresinden aşağıyı okuyun

Ekran görüntüsü, ekran görüntüsü alma, ekran kapağı, ekran kapağı, ekran dökümü veya ekran görüntüsü, kişinin ekranda, televizyonda veya diğer görsel çıktı aygıtlarında görüntülenen görünen öğeleri kaydetmek için aldığı bir resimdir.

Gerçekten senin tarzınla yapmak zorunda olsaydım, ya bir GIF oluşturabilir ya da bir tam sayfa ve diğer bir DOM elemanının bir tanesine birleşmek için iki ekran görüntüsü alabilirdim.

Ekran görüntüsü komutunu Geliştirici Araç Çubuğu'ndan kullanabilirsiniz:

1. Araç çubuğunu açmak için Shift+ düğmesine basın F2veya Web Geliştirici Araçları menüsünden seçin.

2. Araç çubuğuna komutu yazın screenshot --fullpage fullpage.png.

Tek bir eleman yakalamak için css seçicisini --selector flag ile kullanabilirsiniz.

screenshot --selector #hot-network-questions

aşağıdaki görüntüyü alacak

Firefox’un Duyarlı Tasarım Modunu kullanın , genişliği normal bir şeye ayarlayın ve yüksekliği tüm sayfayı kaplayacak kadar yüksek olacak şekilde ekran görüntüsünü tıklayın (kamera simgesi).

Sorununuzu çözebilecek Snagit adlı bir Yazılım var . Bu yazılım, kayan bir pencere gibi farklı şekillerde ekran görüntüsünü alabilir ve ayrıca video kaydedebilir.

Ücretli bir uygulamadır, ancak deneme sürümü de vardır.

Kullandığım Screenpresso . Kaydırıcı bir ekran görüntüsü almanızı sağlar. Temel olarak bir ekran görüntüsünü alır, aşağı kaydırır ve başka bir fotoğraf çeker, ardından Screenpresso onları bir araya getirir. Screenpresso da ücretsizdir.

Bilginize, kaydırma ekran kısayol tuşları WindowsKey + Shift + PrintScreen. Daha sonra kaydırmak istediğiniz pencereye tıklamanız gerekir. Ekran görüntüsüne bir sonraki bölüme geldiğinizde, sağ tıklayın, aşağı kaydırın, sağ tıklayın. Yaptıktan sonra, sol tıklama ve bir araya getirilmeleri gerekir. Dikiş işleminin daha iyi çalışması için her ekran görüntüsünde üst üste bindiğinizden emin olun.

Bu göreve mükemmel şekilde uyan Nimbus Screen Capture adlı bir eklenti var .

Yakalama seçeneğiniz var:

• Sayfanın görünen kısmı ( alt+ ' nın aksine tarayıcı elemanlarını içermemekte fayda var Print Scrn)
• sayfanın bir parçası (istediğiniz parçayı bulmak için ekrandaki bölgeler üzerinde gezinebilirsiniz - bu bölgeler temel HTML öğelerine karşılık gelir)
• Seçili alan (ekran görüntüsünü istediğiniz yere elle tıklayıp sürüklersiniz, sürüklerken kaydırmayı destekler)
• tüm sayfa

Her sayfada bir sayfaya sığacak seçenekler:

• <Ctrl>-Tek sayfada her şeyi sığdırmak için kullanın
• Ekranınızı dikey moda döndürün
• Portre modunda ikinci bir ekran kullanın ve ilk ekranın altına yerleştirin.
• Yukarıdakilerin tümünü birleştir

Diğer bir seçenek de, yakalamak istediğiniz şeyin üst kısmının ekran görüntüsünü almaktır. Aşağı kaydırın, bir sonraki ekran görüntüsünü alın. Her şeyi yakalayana kadar bunu tekrarlayın.
İsteğe bağlı olarak: bir görüntü düzenleyici (örn. Gimp) kullanarak ekran görüntülerini büyük bir görüntüde birleştirin.

Ekran görüntüsü almak için kolay ekran görüntüsü gibi bir Eklenti ekleyebilirsiniz. Sonra ekran görüntüsü almanız çok daha kolay olacaktır.

DESKTOP programları için, kayar pencereli ApowerSoft yakalama benim için iş yaptı.