Bất kỳ đề xuất cho một công cụ khai thác CSS?
Tôi sẽ root trên Google và dùng thử, nhưng tôi nghi ngờ rằng cộng đồng StackOverflow thông minh, thành thạo và tò mò có thể đã đánh giá ưu và nhược điểm của các đối thủ nặng ký.
Bất kỳ đề xuất cho một công cụ khai thác CSS?
Tôi sẽ root trên Google và dùng thử, nhưng tôi nghi ngờ rằng cộng đồng StackOverflow thông minh, thành thạo và tò mò có thể đã đánh giá ưu và nhược điểm của các đối thủ nặng ký.
Câu trả lời:
Các YUI Compressor là tuyệt vời. Nó hoạt động trên JavaScript và CSS. Kiểm tra nó ra.
Ngoài ra còn có một cổng .NET của YUI Compressor cho phép bạn: -
CẬP NHẬT 2011: Và hiện tại nó cũng có sẵn thông qua NuGet :)
Tôi thích giảm thiểu . Trong PHP và hoạt động với CSS hoặc JavaScript.
CSSO hiện là công cụ khai thác / tối ưu hóa tốt nhất.
Nếu bạn sử dụng Python, tôi sẽ khuyên bạn nên mỏng hơn , có lẽ không nhanh bằng YUI Compressor nhưng không giống như csscompressor.net, nó không bị sặc trên các bản hack CSS.
Tôi thiên vị vì tôi đã viết mỏng hơn và hiện tôi đang đánh giá YUI Compressor để xem cách nó xử lý các bản hack. Một ví dụ về hành động mỏng hơn có thể được nhìn thấy nếu bạn xem nguồn của crosstips.org
Kiểm tra CSSTidy: http://csstidy.sourceforge.net/usage.php
Và trực tuyến tại: http://cdburnerxp.se/csspzzy/css_optimiser.php
Nếu bạn đang tìm kiếm một công cụ trực tuyến, hãy thử điều này: https://csscompressor.net/
html{width:100%;height:100%;} body{width:100%;height:100%;padding:0;} #test{padding:1em;width:10em;} #test{padding:2em;}
và nó đã hoạt động tốt hơn YUI Compressor (không loại bỏ các bản sao cho phần đệm của # test). Tuy nhiên, cả hai đều không làm tôi hài lòng html,body{width:100%;height:100%}body{padding:0}
(mà theo cách hiểu của tôi là tương đương, vì cả hai bộ chọn đều có tính đặc hiệu giống nhau).
Tôi đã viết một công cụ khai thác CSS cực nhanh bằng C #. Thuật toán không xử lý Javascript mặc dù. Đây là: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Alacticm.aspx .
Hãy thử đóng cửa các bảng định kiểu .
Bên cạnh việc thu nhỏ, nó cũng hỗ trợ linting , lật RTL và đổi tên lớp .
Nó cũng có thể thêm các biến , hàm , điều kiện và mixin vào CSS.
Cũng lưu ý rằng một số tính năng này phụ thuộc vào phần còn lại của Công cụ đóng (vốn rất mạnh).
Nếu bạn đang tìm kiếm thứ gì đó trong PHP, thì đây là liên kết: -
Mặc dù nó là một phần của Khung không béo của PHP, nhưng nó cũng có thể được sử dụng độc lập.
Tôi thấy rằng CSS SuperScrub của isnoop hoạt động rất tốt. Nó chỉ có thể xử lý các liên kết trực tiếp đến CSS trực tuyến mặc dù: / Bạn có thể khắc phục điều đó bằng cách sử dụng dịch vụ pastebin ưa thích của mình để giữ mã css và chỉ cung cấp cho SuperScrub liên kết thô.
#test { padding: 1em; width: 10em; } #test { padding: 2em; }
và nó đã thất bại.
Nếu trang web của bạn ở trong ASP.NET, bạn có thể để trang web của mình thực hiện thu nhỏ CSS một cách nhanh chóng (vì vậy bạn không phải thực hiện thủ công mỗi khi bạn thực hiện thay đổi). Ví dụ với điều này:
Perl có CSS :: Minifier (và phiên bản XS để có thêm tốc độ).
Những người khác đã đề cập đến YUI Compressor, sau đó là cổng .NET của nó và tôi sẽ thêm một liên kết khác vào chuỗi. StyleManager là một điều khiển máy chủ bao bọc cổng .NET của YUI Compressor để bạn có thể sử dụng nó giống như bạn đã quen sử dụng ScriptManager. Nó cũng bổ sung một loạt các tính năng hay khác, như các hằng số CSS, độ phân giải (~) w / trong các định nghĩa hình nền của bạn, v.v. o một vấn đề. Hãy xem thử - gStyleManager.com
Vẫn "trong bản beta", nhưng sẽ hoạt động khá tốt. Tôi sử dụng mã đằng sau nó trong mọi dự án: http://claudiu.phpfogapp.com/ Nó được tích hợp sẵn trong PHP và cũng lưu trữ tệp * .css của bạn trong một khoảng thời gian khá lớn, chắc chắn đủ để cho phép bạn kiểm tra mã của mình với css rút gọn. (Tôi sẽ chỉ xóa các tệp css cũ nếu không gian bị chật cứng trên máy chủ).
Có một dự án codeplex sẽ cắm vào các trang web .net sẽ thu nhỏ và nén các tệp CSS và tệp JS. Ngoài ra còn có một so sánh giữa Microsoft AJAX Minifier và YUI Compressor cho thấy YUI ra mắt tốt hơn một chút. Có một biến thể bổ sung kết hợp Công cụ khai thác và nén Microsoft, giúp phá hủy tập tin một cách quyết liệt.
Dù sao, liên kết là http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers )
Đây là cách tôi đã làm cho MVC3: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html Vẻ đẹp của phương pháp này là nó thực hiện mọi thứ một cách nhanh chóng và bạn không phải xử lý trước các tệp theo cách thủ công hoặc định cấu hình hậu xây dựng.
Một công cụ trực tuyến (tốt hơn nhiều so với www.csscompressor.net đã kích hoạt css của tôi): http://www.cssdrive.com/compressor/compress.php thực hiện công việc tuyệt vời.
Ví dụ về C #:
css = css.Replace("\n", "");
css = Regex.Replace(css, @"\s+", " ");
css = Regex.Replace(css, @"\s*:\s*", ":");
css = Regex.Replace(css, @"\s*\,\s*", ",");
css = Regex.Replace(css, @"\s*\{\s*", "{");
css = Regex.Replace(css, @"\s*\}\s*", "}");
css = Regex.Replace(css, @"\s*\;\s*", ";");
zbugs.com sẽ là một công cụ trực tuyến tốt cho bạn, nó sẽ thu nhỏ css của bạn chỉ bằng một cú nhấp chuột
Hãy xem qua HTML5BoilerPlate mới nhất của Paul Irish - nó chứa tập lệnh xây dựng để thu nhỏ tất cả tài sản của bạn (bao gồm cả PNG và JPG). Bạn có thể xem một video demo ở đây .