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:
- Firefox'ta istediğiniz sayfayı açın ve yakalamak istediğiniz öğeye sağ tıklayın.
- Bağlam menüsünden, 'Öğeyi incele' yi seçin:
- Müfettiş aracı açılacaktır. DOM ağaç düğümleri için bir içerik haritası kontrolüne sahip olduğuna dikkat edin:
- Orada, herhangi bir öğeyi sağ tıklayıp Ekran Görüntüsü Düğümü bağlam menüsünden:
Bu tam olarak ihtiyacımız olan şey.
Bu 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.
- Firefox'u açın ve Üst Karakter + F2 klavyede. Firefox, ekranın altında bir konsol / komut satırı açacaktır.
- 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.
