Kaynak kodunu ayrı bir pencerede görüntülemeden bir web sayfasının html etiketlerini görmenin daha kolay bir yolunu mu istiyorsunuz? Artık Firefox için X-Ray uzantısını kullanarak aynı pencerede birleştirilmiş web sayfasını ve etiketleri görüntüleyebilirsiniz.
Önce
Genellikle, bir web sayfasının arkasındaki kaynak kodunu görmek istiyorsanız, onu ayrı bir pencerede görüntülemeniz gerekir. Yalnızca belirli bir bölümle ilgileniyorsanız, aradığınızı bulmak için tüm kod setinde arama yapmanız gerekir.
Sonra
X-Ray uzantısı, belgenin etiketlerini (sınıf ve kimlik adları dahil) web sayfasıyla aynı sekmede "yan yana" görmenizi sağlar. X-Ray komutuna erişmek için içerik menüsünü veya araçlar menüsünü kullanabilirsiniz.
İşte yukarıdaki ilk ekran görüntüsünde gösterilen aynı web sayfası bölümü. İkisini birlikte görmeye alışana kadar ilk başta biraz tuhaf görünebilir.
Not: X-Ray komutunu tekrar tıklayarak veya sayfayı yenileyerek web sayfasını normal görünümüne döndürebilirsiniz.
Aynı web sayfasındaki kenar çubuğunun bir kısmının kodu…
Sonunda bağlantı kümelerinden biri takip eder.
Başka bir örneğe baktığımızda, ana beslemenin bir kısmının nasıl kurulduğuyla ilgilendiğinizi varsayalım.
Belirli bir öğenin doğrudan web sayfasında nasıl kurulduğunu görebilmek, kodun tüm sayfasını aramaktan kesinlikle daha iyidir.
Sonuç
Web sayfaları tasarlıyorsanız ve başka birinin web sitesinin nasıl kodlandığını görmenin kolay bir yolunu istiyorsanız, bu uzantıyı denemek isteyebilirsiniz.
Bağlantılar