Öğeyi Sil/Gizle, bir web sayfasındaki herhangi bir öğeyi tek tıkla kaldırmanıza veya geçici olarak gizlemenize olanak tanır. Ekran görüntüleri için sayfaları temizleyin, dikkat dağıtıcı reklamları ve çerez banner'larını kaldırın veya bir düzenin belirli bölümler olmadan nasıl göründüğünü test edin — hepsi tahribatsız.
Portfolyo için temiz bir ekran görüntüsü alıyor, bir bölüm kaldırıldığında sayfa düzeninin nasıl yeniden aktığını test ediyor veya sadece altındaki içeriği okuyabilmek için sinir bozucu popup kaplamaları gizliyor olsanız — Öğeyi Sil/Gizle tam da ihtiyacınız olan araçtır. İki mod sunar: Sil (öğeyi DOM'dan tamamen kaldırır, çevreleyen içeriğin boşluğa akmasına neden olur) ve Gizle (visibility'yi hidden olarak ayarlar, öğenin düzendeki alanını korur). Her iki işlem de Geri Al ile geri alınabilir. Üzerine gelmeyle kırmızı bir kaplama, tıklamadan önce tam olarak hangi öğenin etkileneceğini gösterir, böylece tahmin yürütmek yok. Araç, silinen ve gizlenen öğelerin canlı bir sayısını tutar ve bunları tek tek veya hepsini birden geri alabilirsiniz. Tüm DevSuite araçları gibi, değişiklikler tahribatsızdır — sayfayı yenileyin ve her şey geri gelir.
Sil modunda, sayfadan tamamen kaldırmak için herhangi bir öğeye tıklayın. Öğe DOM'dan çıkarılır ve çevreleyen içerik boşluğu doldurmak için yeniden akar — sanki HTML hiç yokmuş gibi. Bir sayfanın belirli bölümler olmadan nasıl göründüğünü görmek için harikadır.
Gizle modunda, bir öğeyi düzendeki alanını korurken görünmez yapmak için üzerine tıklayın. Öğe şeffaf hale gelir ancak kutu boyutları kalır, böylece sayfanın geri kalanının düzeni tam olarak aynı kalır. Düzen kaymaları olmadan görsel ağırlığı test etmek için kullanışlıdır.
Tıklamadan önce, farenizi hareket ettirmek etkilenecek öğede kırmızı yarı saydam bir kaplama gösterir. Bu önizleme, yanlış öğenin yanlışlıkla silinmesini önler — tam olarak neyi kaldıracağınızı her zaman görürsünüz.
Her silme ve gizleme eylemi bir geri alma geçmişinde izlenir. Son eylemi tersine çevirmek ve öğeyi geri getirmek için Geri Al düğmesine tıklayın. Değişikliklerinizde geri adım atmak için birden fazla eylemi sırayla geri alabilirsiniz.
Canlı bir sayaç mevcut oturumda kaç öğe sildiğinizi ve kaç tanesini gizlediğinizi gösterir. Bir bakışta, kaç değişiklik yaptığınızı ve kaç geri alma işleminin kullanılabilir olduğunu bilirsiniz.
Tüm değişiklikler tamamen görseldir ve yalnızca tarayıcı belleğinde bulunur. Sayfanın gerçek kodu asla değiştirilmez. Silinen ve gizlenen her öğeyi orijinal durumuna anında geri yüklemek için sayfayı istediğiniz zaman yenileyin.
Ekran görüntüsü almadan önce çerez onay banner'larını, sohbet widget'larını, promosyon pop-up'larını, yapışkan başlıkları ve bülten kaplamalarını kaldırın. Görsel karmaşa olmadan sayfa içeriğinin temiz, profesyonel bir yakalamasını elde edin.
Sayfanın referanslar bölümü olmadan nasıl aktığını mı merak ediyorsunuz? Veya kenar çubuğunu kaldırdığınızda ne olur? Bölümü silin ve düzenin anında yeniden aktığını görün — kod değişikliği gerektirmez.
Rahatsız edici reklamları olan içerik ağırlıklı sayfalarda, makaleleri ve belgeleri dikkatiniz dağılmadan okuyabilmek için reklam öğelerini gizleyin. İçerik mevcut alanı doldurmak için yeniden akar.
Karmaşık bir web sayfasına atıfta bulunan bir sunum mu hazırlıyorsunuz? Sadece tartışmak istediğiniz bölümleri bırakarak, konunuzla alakasız öğeleri kaldırın. Ardından basitleştirilmiş görünümün ekran görüntüsünü alın.
Öğeler örtüşüyor veya birbirini gizliyorsa, altta ne olduğunu görmek için üstteki öğeyi silin. Altta ne olduğuna hızlı bir bakış atmanız gerektiğinde, bu DevTools'ta z-index veya display özelliklerini ayarlamaktan daha hızlıdır.
DevSuite Pro yüzen yuvasını açın ve Öğeyi Sil/Gizle simgesine tıklayın. Sil modu (öğeyi kaldırır ve düzeni yeniden akıtır) veya Gizle modu (görünmez yapar ancak alanı korur) arasında seçim yapın.
Farenizi sayfada hareket ettirin. Kırmızı yarı saydam bir kaplama, imlecinizin altındaki öğeyi vurgulayarak tıkladığınızda tam olarak neyin etkileneceğini gösterir.
Vurgulanan öğeye tıklayın. Sil modunda kaldırılır ve çevreleyen içerik yeniden akar. Gizle modunda görünmez hale gelir ancak alanı korunur.
Daha fazla öğe kaldırmak için tıklamaya devam edin veya son kaldırılan/gizlenen öğeyi geri getirmek için Geri Al'a tıklayın. Eylem sayacı mevcut değişikliklerinizi gösterir.
Denemeleri bitirdiniz mi? Her öğeyi orijinal durumuna anında geri yüklemek için sayfayı yenileyin.
DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 39'dan fazla geliştirici aracının kilidini açın.
