Google Chrome tarayıcısının Inspect Öğesini kullanma hakkında ipuçları

Google Chrome, yalnızca düzenli internet kullanıcıları için değil, aynı zamanda bir web sitesi, blog tasarımı, vb. Oluşturan web geliştiricileri için de tasarlanmıştır. Inspect Element veya İnceleme seçeneği, Google Chrome`un kullanıcılara, görüntüden gizlenen bir web sitesiyle ilgili bilgi bulmasına yardımcı olur. Windows PC için Google Chrome tarayıcısının Inspect Öğesini kullanma konusunda bazı ipuçları aşağıda verilmiştir.

Google Chrome Elementini Kontrol Edin

1] Gizli JavaScript / Medya dosyalarını bulun

Ziyaretçinin web`de kalması durumunda birçok web sitesi pop-up görüntüler gösterir. 15 veya 20 saniyeden fazla sayfa. Ya da rasgele bir yere tıkladıktan sonra birçok kez bir resim, reklam veya simge açılır. Bir web sayfasının bu gizli dosyalarını bulmak için Inspect Element`in Resources sekmesinden yararlanabilirsiniz. Sol tarafta, keşfedilebilecek bir ağaç görünümü listesi vardır.

2] Chrome`da HEX / RGB renk kodunu al

Bazen bir renk isteriz ve renk kodunu öğrenmek isteyebiliriz. Google Chrome`daki yerel seçeneği kullanarak belirli bir web sayfasında kullanılan HEX veya RGB renk kodunu kolayca bulabilirsiniz. Rengi sağ tıklayın ve İncelemeyi tıklayın. Çoğu zaman, renk kodunu diğer CSS ile sağ tarafta alacaksınız. Göremiyorsanız, bazı ücretsiz renk seçici yazılımları kullanmanız gerekebilir.

İPUCU : Bu Renk Seçici çevrimiçi araçlarına da bir göz atın.

3] Web sayfası performans iyileştirme ipuçlarını alın

Herkes hızlı açılan bir web sitesine inmeye bayılıyor. Web sitenizi tasarlıyorsanız, bunu daima göz önünde bulundurmalısınız. Sayfa yükleme hızını kontrol etmek ve optimize etmek için birçok araç var. Bununla birlikte, Google Chrome ayrıca, kullanıcıların web sitesi yükleme hızını iyileştirmek için ipuçları almasını sağlayan dahili bir araçla birlikte gelir. Bu araçlara erişmek için Denetimler sekmesine gidin ve Ağ Kullanımı , Web Sayfası Performansı ve Yeniden Yükleme Sayfası ve Yük Denetimi’dan emin olun. seçili. Sonra Çalıştır düğmesine tıklayın. Sayfayı yeniden yükler ve sayfayı daha hızlı hale getirmek için kullanılabilecek bazı bilgileri gösterir. Örneğin, herhangi bir önbellek kullanım süresinin bulunmadığı tüm kaynakları, tek bir dosyada birleştirilebilen JavaScript`i vb. Alabilirsiniz.

4) Yanıtı kontrol edin

Bir web sayfasının yanıt vermek çok önemlidir, günümüzde. Sitenizin tamamen duyarlı olup olmadığını kontrol edebilecek birçok araç var. Ancak, bu Google Chrome aracı, kullanıcıların sitenin belirli bir mobil cihazda nasıl görüneceğini kontrol etmenin yanı sıra duyarlı olup olmadığını bilmelerine yardımcı olur. Herhangi bir web sitesini açın, Elementi Kontrol Et sekmesini tıklayın. mobil düğmesi, çözünürlüğü ayarlayın veya web sayfasını test etmek için istediğiniz cihazı seçin.

5] Canlı web sitesini düzenle

Bir web sayfası oluşturduğunuzu varsayalım, ancak renk hakkında kafanız karıştı şema veya gezinme menüsü boyutu veya içeriği veya kenar çubuğu oranı. Canlı web sitenizi Google Chrome`un Inspect Element seçeneğini kullanarak düzenleyebilirsiniz. Değişiklikleri canlı bir web sitesinde saklayamasanız da, daha fazla kullanabilmeniz için tüm düzenlemeleri gerçekleştirebilirsiniz. Bunu yapmak için Eleman İnceleme`yi açın, sol taraftan HTML özelliğini seçin ve sağ tarafta stil değişiklikleri yapın. CSS`de herhangi bir değişiklik yaparsanız, dosya bağlantısına tıklayabilir, kodun tamamını kopyalayabilir ve orijinal dosyaya yapıştırabilirsiniz.

Google Chrome Elemanının İncelenmesi, her web geliştiricisinin gerçek bir yoldaşıdır. Tek sayfalık bir web sitesi mi yoksa dinamik bir web sitesi mi geliştirdiğiniz farketmez, bu ipuçlarını kesinlikle kullanabilirsiniz.