Chrome Geliştirici Araçları(DevTools) Gelişmiş Arama Özelliği

Google Chrome gliştirici araçlarını kullanırken sayfa elementleri arasında aramalarınızı kolaylaştıracak bir yöntemden bahsetmek istiyorum. Her web geliştirici tarayıcılarda muhakkak Inspector - Geliştirici araçları - DevTools kullanmıştır. Kullanmayan varsa Google Chrome için F12 kısayolunu kullanabilirsiniz.

Geliştirici araçlarını açtığınızda; Elements sekmesini kullanarak sayfa içerisindeki elementler arasında sıklıkla etiket araması ( Ctrl + F ) yaptığınız olmuştur. Arama yaparken farklı taktikler kullananlarınız da olmuştur. Şimdi gelelim nasıl kolayca element araması yapabilecğimiz konusuna;

Örneğin div eleneti altında class değeri msg-sent olan p elementini ya da elementlerine nasıl ulaşırız bakalım. Google Chrome geliştirici araçlarında arama yaparken Jquery veya CSS seçici yapısını örnekte olduğu gibi kullanabilirsiniz.