Có cách nào để có danh sách tất cả CSS được áp dụng cho một đoạn hoặc trang HTML không?

Question

Tôi biết đó là dễ dàng để có được những CSS được áp dụng cho một nút duy nhất trong HTML, sử dụng các công cụ như phần mở rộng Firebug cho Firefox vv

Nhưng có một cách để xem tất cả CSS mà là ở có hiệu lực trên toàn bộ trang hay một đoạn HTML lớn hơn?

Cụ thể, chúng tôi đang xóa một tệp CSS cực lớn thành các mô-đun nhỏ hơn và muốn tìm hiểu CSS nào được sử dụng trên một trang nhất định, vì vậy chúng tôi có thể di chuyển tất cả CSS không được sử dụng sang một mô-đun khác.

Answer 1

Theo như các công cụ đi, bạn có thể sử dụng css usage plugin cho firebug. Nó sẽ phân tích các trang cho css đã sử dụng.

Hoặc bạn đang tìm cách để làm điều đó một cách có lập trình hơn?

Answer 2

Bạn có thể thử Dust-Me Selectors, đây là tiện ích bổ sung cho firefox, nếu bạn sử dụng firebug, như bạn đã nói, bạn có thể thấy hữu ích CSS Usage.

Answer 3

Cảm ơn tất cả! Đây là những giải pháp khác nhau tôi đã xem xét ngay bây giờ từ kiến ​​nghị của bạn (thu thập ở đây cho những người có cùng một vấn đề):

Dust-Me Selectors (Firefox Add-on)
này thực hiện chính xác những gì tôi cần . Danh sách được sử dụng và bộ chọn CSS không được sử dụng (cho trang hiện tại hoặc toàn bộ trang web, sau khi được kích hoạt) và có thể kết xuất cả hai danh sách dưới dạng văn bản CSV. Tuyệt quá.
https://addons.mozilla.org/firefox/addon/5392/

Cách sử dụng CSS (Firefox Add-on)
https://addons.mozilla.org/firefox/addon/10704/

Wari - Web Application Resource Inspector (Java công cụ)
Xuất hiện chỉ xử lý mã tĩnh, không tạo động HTML như hiện diện trong hầu hết các ứng dụng web sử dụng ajax - thật không may, làm cho nó vô dụng, ít nhất là đối với tôi
http://wari.konem.net/

CSS Redundancy Checker (Ruby kịch bản, đòi hỏi Rubygems và Hpricot)
http://code.google.com/p/css-redundancy-checker/

TopStyle (Windows chỉ ứng dụng, $ 79,95 (!!))
http://svanas.dynip.com/topstyle/

Những tất cả đều là nền tảng và miễn phí, ngoại trừ TopStyle.