Có ứng dụng nào xóa các lớp không sử dụng khỏi khung công tác không?

Question

Vì vậy, để cung cấp cho bạn ý tưởng về việc tôi đang cố gắng làm gì, OOCSS Framework sử dụng nhiều lớp, tôi sắp đóng gói một trang web dành cho thiết bị di động khoảng 2,5 megabyte và muốn xóa tất cả các lớp không sử dụng từ các tập tin. Chắc chắn, tôi có thể làm điều đó bằng tay nhưng nó sẽ dễ dàng hơn nhiều nếu một cái gì đó như thế này tồn tại trong tương lai.

Answer 1

Có một phần mở rộng Firefox gọi Dust Me Selectors

Nó trích xuất toàn bộ selectors từ tất cả các stylesheets trên trang bạn đang xem, sau đó phân tích trang đó để xem ai trong số những selectors không được sử dụng. Dữ liệu sau đó được lưu trữ trong tùy chọn người dùng của bạn, do đó khi bạn tiếp tục điều hướng xung quanh một trang web, bộ chọn sẽ bị gạch chéo khỏi danh sách khi chúng gặp phải. Bạn sẽ kết thúc với một cấu hình trong đó các bộ chọn không được sử dụng ở bất kỳ đâu trên trang web.

hoặc cho chưa sử dụng Css một thử

http://unused-css.com/

---

từ trang web Css chưa sử dụng:

Latish Sehgal đã viết một ứng dụng cửa sổ để tìm và xóa các lớp CSS không sử dụng. Tôi đã không thử nghiệm nó nhưng từ mô tả, bạn phải cung cấp đường dẫn của các tập tin html của bạn và một tập tin CSS. Sau đó chương trình sẽ liệt kê các bộ chọn CSS không sử dụng. Từ ảnh chụp màn hình, có vẻ như không có cách nào để xuất danh sách này hoặc tải xuống tệp CSS mới sạch. Nó cũng giống như dịch vụ được giới hạn trong một tệp CSS. Nếu bạn có nhiều tệp bạn muốn xóa, bạn phải xóa từng tệp.

Dust-Me Selectors là một tiện ích mở rộng của Firefox (dành cho v1.5 hoặc mới hơn) để tìm bộ chọn CSS không sử dụng. Nó trích xuất tất cả các bộ chọn từ tất cả các bảng định kiểu trên trang bạn đang xem, sau đó phân tích trang đó để xem bộ chọn nào trong số các bộ chọn đó không được sử dụng. Dữ liệu sau đó được lưu trữ để khi kiểm tra các trang tiếp theo, bộ chọn có thể bị gạch ngang khỏi danh sách khi chúng gặp phải. Công cụ này được cho là có khả năng tạo ra toàn bộ trang web nhưng tôi không may có thể làm cho nó hoạt động được. Ngoài ra, tôi không tin rằng bạn có thể định cấu hình và tải xuống tệp CSS với các kiểu được xóa.

Topstyle là một ứng dụng cửa sổ bao gồm một loạt các công cụ để chỉnh sửa CSS. Tôi chưa thử nghiệm nhiều nhưng có vẻ như nó có khả năng loại bỏ các bộ chọn CSS không sử dụng. Phần mềm này có giá 80 USD.

Trình dọn dẹp CSS của Liquidcity là tập lệnh php sử dụng cụm từ thông dụng để kiểm tra kiểu của một trang. Nó sẽ cho bạn biết các lớp không có sẵn trong mã HTML. Tôi chưa thử nghiệm giải pháp này.

Deadweight là công cụ phủ sóng CSS. Với một tập hợp các bảng định kiểu và một tập hợp các URL, nó xác định bộ chọn nào thực sự được sử dụng và các danh sách có thể bị xóa một cách an toàn. Công cụ này là một mô-đun ruby ​​và sẽ chỉ hoạt động với trang web đường ray. Các bộ chọn không sử dụng phải được loại bỏ thủ công khỏi tệp CSS.

Helium CSS là công cụ javascript để khám phá CSS không sử dụng trên nhiều trang trên trang web.Trước tiên, bạn phải cài đặt tệp javascript vào trang bạn muốn kiểm tra. Sau đó, bạn phải gọi một hàm heli để bắt đầu làm sạch.

UnusedCSS.com là ứng dụng web có giao diện dễ sử dụng. Nhập url của một trang web và bạn sẽ nhận được một danh sách các bộ chọn CSS. Đối với mỗi bộ chọn, một số cho biết số lần một bộ chọn được sử dụng. Dịch vụ này có một số hạn chế. Câu lệnh @import không được hỗ trợ. Bạn không thể định cấu hình và tải xuống tệp CSS mới sạch.

CSSESS là một bookmarklet giúp bạn tìm thấy bộ chọn CSS không sử dụng trên bất kỳ trang web nào. Công cụ này khá dễ sử dụng nhưng nó sẽ không cho phép bạn cấu hình và tải xuống các tệp CSS sạch. Nó sẽ chỉ liệt kê các tệp CSS không sử dụng.