Ben PHP bir Web sitesi yazıyorum ve onun oluşturduğu HTML iyi biçimlendirilmiş ve Firefox (çoğu tek bir satırda) okumak zor değil.
Beyaz boşluk biçimlendirme şeyler yükleyerek PHP kodumu berbat etmek istemiyorum, bu yüzden bana göre girintili kaynak görüntüleme yeteneği verecek bir seçenek veya belki de bir eklenti Firefox için merak ediyordum HTML'nin yapısı.
Yanıtlar:
İyi çalışıyor, uzantıyı buradan yükleyin: https://addons.mozilla.org/en-US/firefox/addon/655/
Sağ tıklayın -> Kaynak grafiği görüntüle
Google ana sayfası HTML kaynağı için aldığım şey:
Önce:
Sonra:
Gönderen burada
Kaynak Grafiğini Görüntüle Kaynak yapısını grafiksel olarak görüntüler.
JSView 2.0.5 Sayfa harici dosyalarındaki bilgileri görüntüler.
Tümünü İşaretle Koddaki özdeş öğeleri vurgular.
Html Doğrulayıcı Geçerli sayfanın HTML'sini doğrular.
Biçimlendirilmiş Kaynağı Görüntüle Kaynak yapısını gösterir.
SourceEditor Kodu düzenlemenizi ve sonuçları görüntülemenizi sağlar.
Normalde html çıktısında hata ayıklamak için Firebug kullanıyorum .
Bu, Firebug'daki iyi biçimlendirilmiş kaynak ile birlikte tarayıcı tarafından oluşturulduğu gibi html'yi görmemi sağlar. Ayrıca, görüntülenen html'deki öğeleri inceleyebilir ve kaynak html kaynağında nereden geldiklerini görebilirim.
2019'da herkes aynı işlevselliği arıyorsa, javascripts manipüle ettikten sonra güzelleştirilmiş HTML DOM'yi görüntüleyen Firefox Quantum için Fire Source Viewer [1] var, bu da sadece web sunucusu tarafından sunulan html kaynağına sahip olmaktan daha iyi.
[1] https://addons.mozilla.org/tr-TR/firefox/addon/fire-source-viewer/
Web Geliştirici uzantısı, tarayıcıya çeşitli web geliştirici araçları ekler. Uzantı Chrome ve Firefox için kullanılabilir ve bu tarayıcıların Windows, OS X ve Linux dahil desteklediği tüm platformlarda çalışır
View, kaynak penceresinin menüsü altında sözdizimi vurgulama ve kelime kaydırma yapma yeteneği ile geldiğini unutmayın .View Page SourceBu pencereyi açmak için => sağ tıklamanız yeterlidir .