2009-01-07 28 views
9

Có ai biết bất kỳ tiện ích bổ sung nào của Firefox có thể hiển thị cho bạn kích thước của trang xem hiện tại không?Kích thước trang: Firefox thêm vào

+0

Câu trả lời là hết hạn, không còn áp dụng đối với Firefox mới nhất. – aaronbauman

Trả lời

19

Bạn không cần một. Nhấp chuột phải vào trang, chọn View Page Info, kích thước được liệt kê.

Page Size http://www.shog9.com/pageSize.png

+6

Lưu ý: đó là kích thước của HTML thuần túy (hình ảnh riêng biệt, JS, CSS không được tính). Xem bên dưới để biết các tùy chọn khác. – Nickolay

+1

@Nickolay: Đúng. Nếu bạn muốn tối ưu hóa toàn bộ gói (bao gồm nội dung tải AJAX), tôi khuyên bạn nên sử dụng Firebug (xem câu trả lời của nshaw) – Shog9

+0

@Nickolay: hoặc sử dụng các công cụ tích hợp, xem câu trả lời của tôi bên dưới. –

5

Firebug nếu bạn muốn có một phân tích sâu. Nhấp chuột phải và "Xem thông tin trang" nếu bạn chỉ muốn số cuối cùng.

2

FireBug cho phép bạn xem kích thước trang và kích cỡ của tất cả các tải xuống có liên quan (tệp css, hình ảnh và những thứ như vậy). Nó cũng cho phép bạn làm tất cả các loại gỡ lỗi mát mẻ.

2

Trang xem FireFox là kích thước của HTML. WebDeveloper thêm vào phân tích các yêu cầu khác được nhúng trong trang như CSS, Hình ảnh, javascripts ... v.v.

12

Nếu bạn tối ưu hóa kích thước trang của mình (bằng kilobyte, không phải pixel!), Bạn cần phải biết cả hai các kích thước nén của mỗi phần tử nếu máy chủ của bạn đang gzipping đầu ra của bạn. Bạn không thể làm điều đó với trình duyệt web chuẩn "nhấp chuột phải -> Thuộc tính".

Tiện ích mở rộng Thanh công cụ dành cho nhà phát triển web, được đề cập trong câu trả lời khác, thực hiện việc này.

http://https//addons.mozilla.org/en-US/firefox/addon/60

tôi đã không tìm thấy một công cụ mà báo cáo các kích thước nén và không nén cho mỗi phần tử trang để thuận tiện.

Cài đặt Thanh công cụ dành cho nhà phát triển web và đi đến Công cụ -> Nhà phát triển web -> Thông tin trang -> Xem kích thước tài liệu. Rất tiện dụng!

Scripts (7 files) 82 KB (243 KB uncompressed) 

- http://stackoverflow.com/Content/Js/jquery.package.master.js?d=20081101 39 KB (109 KB uncompressed) 
- http://stackoverflow.com/Content/Js/wmd-base.js 15 KB (59 KB uncompressed) 
- http://www.google-analytics.com/ga.js 9 KB (22 KB uncompressed) 
- http://stackoverflow.com/content/js/jquery.package.question.js?cachebreaker=20090107 8 KB (27 KB uncompressed) 
- http://stackoverflow.com/Content/Js/showdown.js 4 KB (10 KB uncompressed) 
- http://stackoverflow.com/Content/Js/jquery.package.editor.js?cachebreaker=20081008.1 3 KB (9 KB uncompressed) 
- http://stackoverflow.com/Content/Js/wmd-plus.js 3 KB (7 KB uncompressed) 

Style Sheets (3 files) 7 KB (27 KB uncompressed) 

- http://stackoverflow.com/Content/all.css?d=20081101 6 KB (26 KB uncompressed) 
- http://stackoverflow.com/Content/print.css 705 bytes (1 KB uncompressed) 

Nếu có công cụ tốt hơn cho điều này, tôi rất muốn nghe về điều đó. Tính năng này là về điều duy nhất khiến tôi không bỏ qua Thanh công cụ dành cho nhà phát triển web hoàn toàn cho Firebug. Có lẽ YSlow làm điều này; cần nghiên cứu thêm.

1

Bạn có thể sử dụng Add-on: lori: Life-of-Yêu cầu thông tin: - https://addons.mozilla.org/en-US/firefox/addon/1743

Nó hiển thị mất bao lâu để lấy đầy đủ trang, đó là tổng kích thước (bao gồm cả các mặt hàng từ bộ nhớ cache của trình duyệt) và số lượng yêu cầu được thực hiện để có được trang.

3

Được xây dựng trong Inspect Element (Q) từ menu chuột phải có thể thực hiện việc này. Tới Network tab, tải lại và có một cái nhìn:

enter image description here

+1

Cảm ơn bạn vì câu trả lời hiện đại –

+0

@MattG: Bạn được chào đón –

Các vấn đề liên quan