Inspect Element (Öğeyi İncele), bir web sayfasının HTML ve CSS yapısını görmeyi sağlayan geliştirici aracıdır. Safari’de önce ayarlardan etkinleştirilmesi gerekir; Chrome’da ise sağ tık menüsünde hazır gelir.

Bir sitenin hangi yazı tipini kullandığını merak ettiyseniz, bir tasarım değişikliğini yayımlamadan denemek istiyorsanız ya da sayfadaki bir hatanın kaynağını arıyorsanız Inspect Element işinizi görür. Yaptığınız değişiklikler yalnızca sizin tarayıcınızda ve geçici olarak görünür; siteyi gerçekten değiştirmez.

Safari’de Inspect Element’i etkinleştirme

1. Safari’yi açın.
2. Menü çubuğundan Safari > Ayarlar‘ı seçin.
3. İleri Düzey sekmesine geçin.
4. Web geliştiricileri için özellikleri göster seçeneğini işaretleyin.
5. Bir sayfada incelemek istediğiniz bölüme sağ tıklayın ve Öğeyi İncele‘yi seçin.

Kısayol olarak Option + Command + I tuşlarını da kullanabilirsiniz.

Chrome’da Inspect kullanma

1. Chrome’da bir web sayfası açın.
2. İncelemek istediğiniz öğeye sağ tıklayın.
3. İncele‘yi seçin.
4. HTML ve CSS kodları sayfanın yanında açılan panelde görünür.

Sayfada geçici değişiklik yapma

Kod panelinde bir metne çift tıklayarak değiştirebilir, Enter’a bastığınızda sonucu sayfada görebilirsiniz. Sayfayı yenilediğinizde ya da kapattığınızda tüm değişiklikler kaybolur.

Dikkat edilmesi gerekenler

Inspect Element ile değiştirilmiş bir sayfanın ekran görüntüsü kolayca sahte “kanıt” gibi kullanılabilir; bu tür görüntülere karşı dikkatli olun. Başka sitelerin kodlarını veya görsellerini izinsiz kopyalayıp yayımlamak da telif hakkı ve kullanım koşulları açısından sorun yaratabilir.

Kaynak: Lifewire