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

Mozilla Firefox için üretkenliğinizi artırabilecek ve zamandan tasarruf ettirebilecek harika bir numarayı sizinle paylaşmak istiyorum. İnternette gezinirken bazen ekran görüntüsü 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. Bu yazıda, eklenti kullanmadan bir web sayfasındaki belirli bir öğenin ekran görüntüsünü doğrudan nasıl alacağımızı göreceğiz.

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.

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

1. İstediğiniz sayfayı Firefox'ta açın ve yakalamak istediğiniz öğeye sağ tıklayın.
2. Bağlam menüsünden "Öğeyi incele"yi seçin:
3. Müfettiş aracı açılacaktır. DOM ağaç düğümleri için bir kırıntı denetimine sahip olduğuna dikkat edin:
4. Orada herhangi bir öğeye sağ tıklayıp seçebilirsiniz. Ekran Görüntüsü Düğümü bağlam menüsünden:Bu tam olarak ihtiyacımız olan şey.

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

Alternatif olarak, yerleşik ekran görüntüsü emretmek. 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 komutu "ekran görüntüsü" kullandık. Aynı işlevsellik, açılan sayfada belirli bir öğenin ekran görüntüsünü almak için kullanılabilir.

1. Firefox'u açın ve basın Üst Karakter + F2 klavyede. Firefox, ekranın altında bir konsol/komut satırı açacaktır.
2. İçine aşağıdaki komutu yazın:

   ekran görüntüsü --selector "ad"

   "Porsiyon" 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 açıkça ilk yöntemi tercih edecektir.