Google’ın tarayıcısı Chrome‘un güzel bir özelliğini inceleyelim.
Chrome web tarayıcı ile sayfaların kaynak kodunu incelerken bir özelliği gözüme çarptı ve bunun bize kodları incelerken kolaylık sağladığını gördüm.
Chrome ile bir sitenin kaynak kodunu açtığımda karşıma gelen pencerede kodlarda işaretlediğim yerin bana sayfada nerede olduğunu gösterdi.
Örneğin ben sizin için webmaster sitesi R10.net’in kaynak kodunu Chrome tarayıcı ile açtım.
Sayfanın kaynak kodunu görüntülerken ctrl+u tuşlarını değil de sayfada herhangi bir yere sağ tuş ile tıklayarak ögeyi denetle‘ye tıklıyoruz.
Daha sonra karşımıza aşağıdaki küçük bir kod inceleme penceresi açılıyor. Bu pencereden ise sayfanın kodları üzerinde işaretlediğimiz yerin orjinal sayfada neresi olduğunu gösteriyor.
Örneğin bir “google adsense” yazısı üzerine tıkladım ve bana arkada sayfanın üzerindeki google adsense konu başlığını gösterdi.
Örneğin kodlarda bir tablonun üzerine tıkladığımızda bunun sayfada nerdeki tablo olduğunu gösteriyor ve buna göre de sayfayı düzenlememiz kolaylaşıyor.
Aynı şekilde kod üzerinde bir nesne veya resim üzerine tıkladığımda sayfada o nesnenin nerede olduğunu kolayca görebiliyorum.
Sayfada bulunan ve diğer iç etiketleri kapsayan genel etiketler (html, body,div gibi…) de pencerenin durum çubuğunda aşağıdaki gibi gösteriliyor. Örneğin “BODY” etiketinin nerede olduğunu bulmak için hemen oradan tıklayabilirsiniz.
Sayfadaki kodları çok iyi bilenler için kolay olabilir ama sayfadaki ögeyi kod üzerinde aramak için uğraşmak istemezseniz veya kafanız karışıyorsa herhangi bir aracı program kullanmadan Chrome size bu özelliği sağlıyor ve işinizi kolaylaştırıyor.
 |
|
güzel bi paylaşım teşekkürler