Czy możliwe jest przeglądanie automatycznie sformatowanego źródła HTML w Firefoksie

Piszę witrynę internetową w języku PHP, a renderowany przez nią HTML nie jest dobrze sformatowany i trudny do odczytania w przeglądarce Firefox (większość jest w jednym wierszu).

Nie chcę zepsuć mojego kodu PHP, dodając mnóstwo elementów do formatowania białych znaków, więc zastanawiałem się, czy jest jakaś opcja, czy może dodatek do Firefoksa, który da mi możliwość wyświetlania źródła wcięcia według struktura HTML.

Zobacz tabelę źródłową 2.7

Działa dobrze, zainstaluj rozszerzenie tutaj: https://addons.mozilla.org/en-US/firefox/addon/655/

Kliknij prawym przyciskiem myszy -> Wyświetl tabelę źródłową

Oto, co otrzymuję dla źródła HTML strony głównej Google:

Przed:

Po:

od tutaj

Wyświetl tabelę źródłową Graficznie wyświetla strukturę źródła.

JSView 2.0.5 Wyświetla informacje o zewnętrznych plikach strony.

HighlightAll Podkreśla identyczne elementy w kodzie.

Html Validator Sprawdza poprawność HTML bieżącej strony.

Wyświetl sformatowane źródło Pokazuje strukturę źródła.

SourceEditor Umożliwia edycję kodu i przeglądanie wyników.

Zwykle używam Firebug do debugowania danych wyjściowych HTML.

To pozwala mi zobaczyć html, który jest renderowany przez przeglądarkę, wraz z dobrze sformatowanym źródłem w Firebug. Mogę również sprawdzać elementy w wyświetlanym pliku HTML i sprawdzać, skąd pochodzą.

Jeśli ktoś szuka tej samej funkcjonalności w 2019 roku, jest Fire Source Viewer [1] dla Firefox Quantum, który wyświetla upiększony DOM HTML po manipulowaniu nim przez javascripts, co jest jeszcze lepsze niż posiadanie tylko źródła HTML dostarczonego przez serwer WWW.

[1] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/

Wtyczka programisty:

Rozszerzenie Web Developer dodaje różne narzędzia programistyczne do przeglądarki. Rozszerzenie jest dostępne dla Chrome i Firefox i będzie działać na dowolnej platformie obsługiwanej przez te przeglądarki, w tym Windows, OS X i Linux