Deadweight 项目技术文档
1. 安装指南
由于 Deadweight 项目已经不再维护,建议使用其他工具如 PurifyCSS 或 UnCSS。如果你仍然希望使用 Deadweight,可以按照以下步骤进行安装:
$ gem install deadweight
2. 项目的使用说明
Deadweight 是一个 CSS 覆盖率工具,用于检测给定样式表和 URL 中实际使用的选择器,并报告可以安全删除的选择器。
2.1 从命令行运行
你可以通过命令行直接运行 Deadweight,以下是一些示例:
$ deadweight -s styles.css -s ie.css index.html about.html
$ deadweight -s http://www.tigerbloodwins.com/index.css http://www.tigerbloodwins.com/
$ deadweight --root http://kottke.org/ -s '/templates/2009/css.php?p=mac' / /everfresh /about
2.2 与集成测试集成
Deadweight 可以与 Rails 集成测试结合使用,自动捕获测试过程中返回的所有页面,无需手动指定大量 URL 和登录过程。
首先,在 Gemfile
中添加以下内容:
group :test do
gem 'colored'
gem 'deadweight', :require => 'deadweight/hijack/rails'
end
然后,通过设置环境变量 DEADWEIGHT
为 true
来运行集成测试:
rake test DEADWEIGHT=true
rake cucumber DEADWEIGHT=true
2.3 Rake 任务
你还可以创建一个 Rake 任务来运行 Deadweight:
# lib/tasks/deadweight.rake
require 'deadweight'
Deadweight::RakeTask.new do |dw|
dw.stylesheets = ["/stylesheets/style.css"]
dw.pages = ["/", "/page/1", "/about"]
end
运行 rake deadweight
将输出所有未使用的规则,每行一个。
2.4 直接从 Ruby 调用
你也可以直接在 Ruby 代码中调用 Deadweight:
require 'deadweight'
dw = Deadweight.new
dw.stylesheets = ["/stylesheets/style.css"]
dw.pages = ["/", "/page/1", "/about"]
puts dw.run
2.5 从 STDIN 输入 CSS 规则
你可以通过管道将 CSS 规则从 STDIN 输入到 Deadweight:
$ cat styles.css | deadweight index.html
2.6 使用 HTTP 代理
Deadweight 还可以作为 HTTP 代理使用:
$ deadweight -l deadweight.log -s styles.css -w http://github.com/ -P
3. 项目 API 使用文档
3.1 设置根 URL
默认情况下,Deadweight 使用 http://localhost:3000
作为所有路径的基础 URL。你可以通过设置 root
来更改它:
dw.root = "http://staging.example.com" # 测试服务器
dw.root = "http://example.com/staging-area" # URL 可以包含路径
dw.root = "/path/to/some/html" # 本地路径也适用
3.2 忽略由 JavaScript 添加的内容
Deadweight 完全忽略由 JavaScript 层添加的类、ID 或标签,但你可以通过设置 ignore_selectors
来过滤它们:
dw.ignore_selectors = /hover|lightbox|superimposed_kittens/
3.3 使用 Mechanize 处理复杂情况
你可以设置 mechanize
为 true
,并添加一个 Proc 到 pages
,Deadweight 将使用 Mechanize 执行它:
dw.mechanize = true
# 通过登录表单访问受保护的 URL
dw.pages << proc {
fetch('/login')
form = agent.page.forms.first
form.username = 'username'
form.password = 'password'
agent.submit(form)
fetch('/secret-page')
}
# 使用 HTTP 基本认证
dw.pages << proc {
agent.auth('username', 'password')
fetch('/other-secret-page')
}
agent
方法返回 Mechanize 实例,fetch
方法是一个包装器,用于在 HTTP 错误状态时中止。
4. 项目安装方式
Deadweight 的安装方式非常简单,只需使用 RubyGems 进行安装:
$ gem install deadweight
安装完成后,你可以通过命令行或 Ruby 代码直接使用 Deadweight。
鸿蒙开发工具大赶集
本仓将收集和展示鸿蒙开发工具,欢迎大家踊跃投稿。通过pr附上您的工具介绍和使用指南,并加上工具对应的链接,通过的工具将会成功上架到我们社区。012hertz
Go 微服务 HTTP 框架,具有高易用性、高性能、高扩展性等特点。Go01每日精选项目
🔥🔥 每日精选已经升级为:【行业动态】,快去首页看看吧,后续都在【首页 - 行业动态】内更新,多条更新哦~🔥🔥 每日推荐行业内最新、增长最快的项目,快速了解行业最新热门项目动态~~029kitex
Go 微服务 RPC 框架,具有高性能、强可扩展的特点。Go00Cangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。Cangjie057毕方Talon工具
本工具是一个端到端的工具,用于项目的生成IR并自动进行缺陷检测。Python040PDFMathTranslate
PDF scientific paper translation with preserved formats - 基于 AI 完整保留排版的 PDF 文档全文双语翻译,支持 Google/DeepL/Ollama/OpenAI 等服务,提供 CLI/GUI/DockerPython06mybatis-plus
mybatis 增强工具包,简化 CRUD 操作。 文档 http://baomidou.com 低代码组件库 http://aizuda.comJava03国产编程语言蓝皮书
《国产编程语言蓝皮书》-编委会工作区018- DDeepSeek-R1探索新一代推理模型,DeepSeek-R1系列以大规模强化学习为基础,实现自主推理,表现卓越,推理行为强大且独特。开源共享,助力研究社区深入探索LLM推理能力,推动行业发展。【此简介由AI生成】Python00
热门内容推荐
最新内容推荐
项目优选









