Có thể xem nguồn HTML được định dạng tự động trong Firefox

9

Tôi đang viết một trang web bằng PHP và HTML mà nó hiển thị không được định dạng tốt và khó đọc trong Firefox (hầu hết nằm trên một dòng).

Tôi không muốn làm rối mã PHP của mình bằng cách thêm vô số công cụ định dạng khoảng trắng, vì vậy tôi tự hỏi liệu có tùy chọn hoặc có lẽ là một tiện ích bổ sung cho Firefox sẽ cho tôi khả năng xem nguồn được thụt lề cấu trúc của HTML.

— Willbill
nguồn

Lưu ý rằng các phiên bản gần đây của Firefox (tôi nghĩ rằng nó đã có từ 4, được xác nhận cho hơn 10) đi kèm với khả năng làm nổi bật cú pháp và gói từ View menu của cửa sổ nguồn. Chỉ cần nhấp chuột phải = & gt; View Page Source để mở cửa sổ này.

— Bob

10

Xem biểu đồ nguồn 2.7

Hoạt động tốt, cài đặt tiện ích mở rộng từ đây: https://addons.mozilla.org/en-US/firefox/addon/655/

Nhấp chuột phải - & gt; Xem biểu đồ nguồn

Đây là những gì tôi nhận được cho nguồn HTML trang chủ Google:

Trước:

alt text

Sau:

alt text

— 3498DB
nguồn

5

Từ đây

Xem biểu đồ nguồn Đồ họa hiển thị cấu trúc nguồn.

alt text

JSView 2.0.5 Hiển thị thông tin trên các tập tin bên ngoài trang.

alt text

Nổi bậtTất cả Làm nổi bật các yếu tố giống hệt nhau trong mã.

alt text

Trình xác thực Html Xác thực HTML của trang hiện tại.

alt text

Xem nguồn định dạng Hiển thị cấu trúc nguồn.

alt text

Nguồn Chỉnh sửa Cho phép chỉnh sửa mã và xem kết quả.

alt text

— joe
nguồn

3

Tôi thường sử dụng Bọ lửa để gỡ lỗi đầu ra html.

Điều này cho phép tôi lấy html khi trình duyệt hiển thị cùng với nguồn được định dạng tốt trong Fireorms. Tôi cũng có thể kiểm tra các phần tử trong html được hiển thị và xem chúng đến từ đâu trong nguồn html có nguồn gốc.

— harrymc
nguồn

0

Plugin nhà phát triển web:

Tiện ích mở rộng Web Developer thêm các công cụ phát triển web khác nhau vào trình duyệt. Tiện ích mở rộng có sẵn cho Chrome và Firefox và sẽ chạy trên mọi nền tảng mà các trình duyệt này hỗ trợ bao gồm Windows, OS X và Linux

enter image description here

— Angelo
nguồn

Tôi đã cài đặt cái này nhưng nó không làm được những gì tôi cần Tôi nghĩ rằng tôi chưa đủ sạch về ý nghĩa của "định dạng" Tôi sẽ chỉnh sửa câu hỏi ngay bây giờ

— Willbill

Ít nhất là đưa ra một mô tả ngắn gọn về tính năng nổi bật của plugin liên quan đến câu hỏi. Mặt khác, nó chỉ là một câu trả lời thiếu sót.

— random

Plugin nhà phát triển web là một plugin rất phổ biến, trong số những thứ khác, cho phép một người xem nguồn cho bất kỳ trang nào. Chế độ xem nguồn có một số điểm nổi bật, do đó, "được định dạng" - mặc dù bây giờ tôi thấy rằng OP muốn một cái gì đó cụ thể hơn cho định dạng.

— Angelo