Ana Firefox Firefox'ta belirli bir web sayfası öğesinin ekran görüntüsünü alın

Firefox'ta belirli bir web sayfası öğesinin ekran görüntüsünü alın



Cevap bırakın

Verimliliğinizi artırıp zamandan tasarruf etmenizi sağlayacak Mozilla Firefox için harika bir püf noktası sizinle paylaşmak istiyorum. İnternette gezinirken bazen ekran görüntüsünü alarak arkadaşlarınızla bir şeyler paylaşmak istersiniz. Ancak tüm sayfanın ekran görüntüsünü almak, kaydetmek, kırpmak vb. İçin birkaç adım gerekir. Bu makalede, eklentiler kullanmadan bir web sayfasındaki belirli bir öğenin ekran görüntüsünün nasıl doğrudan alınacağını göreceğiz.

Reklam


Bir web sayfası yüklendiğinde, web tarayıcınız sayfanın Belge Nesne Modelini oluşturur. DOM, her düğümün belgenin bir bölümünü temsil eden bir nesne olduğu bir ağaç yapısı olarak oluşturulur.

Ekran görüntünüze yalnızca belirli bir öğeyi yakalamak için bunu nasıl kullanabileceğinizi görelim.

İçin Firefox'ta belirli bir web sayfası öğesinin ekran görüntüsünü almak , aşağıdaki adımları uygulayın:

  1. Firefox'ta istediğiniz sayfayı açın ve yakalamak istediğiniz öğeye sağ tıklayın.
  2. Bağlam menüsünden, 'Öğeyi incele' yi seçin:Firefox ekran görüntüsü örneği 2
  3. Müfettiş aracı açılacaktır. DOM ağaç düğümleri için bir içerik haritası kontrolüne sahip olduğuna dikkat edin:Firefox konsolu ekran görüntüsü girin komutu
  4. Orada, herhangi bir öğeyi sağ tıklayıp Ekran Görüntüsü Düğümü bağlam menüsünden:Firefox ekran görüntüsü komut örneğiBu tam olarak ihtiyacımız olan şey.

Bu özelliğin en güzel yanı, kaydırma gerektiren çoğu öğe dahil olmak üzere uzun öğeleri de yakalamasıdır. Benim durumumda, ekran görüntüsü şu şekilde görünüyor:

Alternatif olarak, yerleşik ekran görüntüsü komut. Daha önce yazdım Firefox'ta açılan sayfanın ekran görüntüsü nasıl alınır . Bahsedilen makalede, tüm sayfayı yakalamak için yerleşik Firefox komutunu 'ekran görüntüsü' kullandık. Aynı işlevsellik, açılan sayfadaki belirli bir öğenin ekran görüntüsünü almak için kullanılabilir.

  1. Firefox'u açın ve Üst Karakter + F2 klavyede. Firefox, ekranın altında bir konsol / komut satırı açacaktır.
  2. Aşağıdaki komutu içine yazın:
    ekran görüntüsü --selector 'isim'

    'Kısım' adını uygun seçici adıyla değiştirin. Benim durumumda olmalı

    ekran görüntüsü --selector '# widget-apps> .iconlist> .iconlist-content> ul'

İkinci yöntem, DOM öğesi yolunu tam olarak bilen web geliştiricileri için kullanışlıdır. Ortalama bir kullanıcı, belirli bir web sayfası öğesinin ekran görüntüsünü almak için ilk yöntemi tercih edecektir.

Ilginç Haberler

Editörün Seçimi

Kindle için Aile Kitaplığı nasıl kurulur
Kindle için Aile Kitaplığı nasıl kurulur
Amazon'un 7. nesil Kindle'ı bir dizi harika yeni işleve sahiptir; Şimdi Kindle Voyage ve Kindle Paperwhite'ın sunabileceği çok daha fazla şey var, özellikle de tüm Aile Kitaplığı'ndan değil, bu da e-kitapları cihazlar arasında paylaşmanıza izin veriyor.
Noel için en iyi 5 iPhone ve iPad aile oyunu
Noel için en iyi 5 iPhone ve iPad aile oyunu
Noel geliyor. Aileler bir araya geliyor. Fındık kavrulur. Sinirler yıpranıyor. Ağaçlar süsleniyor. Kardeşler tekmeleniyor. Tatlılar içiliyor. Oyunlar oynanıyor. Çünkü oyunun distopik bir versiyonunda yaşıyorsunuz.
LifeLock Nasıl İptal Edilir
LifeLock Nasıl İptal Edilir
LifeLock, sosyal güvenlik numaranız kullanıldığında size uyarılar gönderen bir kimlik hırsızlığı koruma hizmetidir. Dolandırıcılığı ve kimlik hırsızlığını önlemek için harika bir araçtır. LifeLock, aylık veya yıllık olarak faturalandırılan ücretli bir abonelik hizmetidir. Eğer
Roblox'ta Hashtag No Filter Nasıl Alınır
Roblox'ta Hashtag No Filter Nasıl Alınır
Popüler bir oyundan daha fazlası olan Roblox, dünya çapında bir fenomen haline geldi. Bu nedenle, birçok havalı pop kültürü referansına sahiptir ve genellikle özel etkinlikler için promosyon kodları verir. Böyle bir etkinliğin olacağını biliyor muydunuz?
Samsung Omnia i900 incelemesi
Samsung Omnia i900 incelemesi
İPhone'un uyanışında bir iPhone debriyajı kaçınılmazdı
Windows 10'da bir klasörün Sık kullanılan klasörlerde görünmesini engelleyin
Windows 10'da bir klasörün Sık kullanılan klasörlerde görünmesini engelleyin
Bir klasörü Hızlı Erişim'den gizlemenizi ve orada görünmesini engellemenizi sağlayan basit bir ipucu.
Windows 10, Ayarlardan Yeni Disk Yönetim Aracı Aldı
Windows 10, Ayarlardan Yeni Disk Yönetim Aracı Aldı
Microsoft, sonuç olarak, ondan tamamen kurtulmak için klasik Denetim Masası uygulamaları için değişiklikler yaratıyor. Her büyük sürümle birlikte, gittikçe daha fazla klasik araç, Ayarlar'da uygulanan modern haleflerini alıyor. Windows 10 yapı 20175 ile Windows 10, Disk Yönetimi aracının yerini almıştır.