Firefox에서 자동 형식화 된 HTML 소스를 볼 수 있습니까?

PHP로 웹 사이트를 작성 중이며 렌더링하는 HTML의 형식이 잘못되어 Firefox에서 읽기가 어렵습니다 (대부분의 줄에 있음).

많은 공백 서식 항목을 추가하여 PHP 코드를 엉망으로 만들고 싶지 않으므로 Firefox에 옵션이나 부가 기능이 있는지에 대해 궁금한 점이 있습니다. HTML의 구조

소스 차트보기 2.7

잘 작동, 여기에서 확장을 설치하십시오 : https://addons.mozilla.org/en-US/firefox/addon/655/

오른쪽 클릭-> 소스 차트보기

이것이 Google 홈페이지 HTML 소스에서 얻는 것입니다.

전에:

후:

에서 여기

소스 차트보기 소스 구조를 그래픽으로 표시합니다.

JSView 2.0.5 페이지 외부 파일에 정보를 표시합니다.

HighlightAll 코드에서 동일한 요소를 강조 표시합니다.

HTML Validator 현재 페이지의 HTML을 검증 합니다.

형식화 된 소스보기 소스 구조를 표시합니다.

SourceEditor 코드를 편집하고 결과를 볼 수 있습니다.

나는 보통 HTML 출력을 디버깅 하기 위해 Firebug 를 사용 합니다.

이를 통해 브라우저에서 렌더링 한 HTML을 Firebug의 형식이 지정된 소스와 함께 선택할 수 있습니다. 표시된 html에서 요소를 검사하고 원래 html 소스에서 어디에서 왔는지 확인할 수 있습니다.

2019 년에 동일한 기능을 찾는 사람이라면 Firefox Quantum 용 Fire Source Viewer [1]가 있는데,이 스크립트는 자바 스크립트가 HTML HTML을 조작 한 후에 HTML HTML DOM을 표시 한 후 웹 서버에서 제공하는 html 소스 만 갖는 것보다 훨씬 좋습니다.

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

웹 개발자 플러그인 :

웹 개발자 확장은 다양한 웹 개발자 도구를 브라우저에 추가합니다. 확장 프로그램은 Chrome 및 Firefox에서 사용 가능하며 Windows, OS X 및 Linux를 포함하여 이러한 브라우저가 지원하는 모든 플랫폼에서 실행됩니다.