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.
Odpowiedzi:
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.
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/
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
Viewmenu okna źródłowego. Kliknij prawym przyciskiem myszy =>,View Page Sourceaby otworzyć to okno.