Testcase Reducer EN
Thomas Wisniewski · Firefox
Helps with reducing markup and CSS for the purposes of generating test cases.
<all_urls>），意味着它可以读取你在任意站点的页面内容，包括已登录的页面。这是许多扩展正常工作的必要条件，但也值得你确认来源可信。
简介
- Inspect the element you would like to reduce a test-case for/from in the devtools.
- Configure the parameters in the testcase reducer devtools panel for the addon;
- Including ancestor nodes may be necessary to capture the HTML/CSS causing the issue.
- Including CSS fonts may be necessary if webfonts are part of the problem.
- Including @media rules can catch responsive breakpoints that may cause the issue.
- Including important meta-tags can help for mobile layout (meta viewport) or charset/Content-Type issues.
- Including @page rules can catch print-stylesheet-specific issues.
- Including scripts may be helpful if the issue is script-triggered.
- Click "reduce" to see the resulting markup and a preview.
- Showing the preview iframe with the original viewport size can help reveal responsive breakpoint issues.
- Copy and paste the markup to your own local file, or click to upload to Codepen, JSBin, or JSFiddle.
Testcase Reducer 是做什么的
Testcase Reducer 是一款面向 Firefox 的开发者工具类扩展，主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是：Helps with reducing markup and CSS for the purposes of generating test cases.在Firefox 附加组件商店（AMO）上，它当前版本 1.5.0，评分 4.67（3 人评价），约 47 名用户。
适合什么人用
从功能定位看，Testcase Reducer 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站，装上后建议先观察一两天，确认不影响常用站点的正常使用。
怎么安装 Testcase Reducer
- 打开Firefox 附加组件商店（AMO）上的官方页面；
- 点「添加到浏览器」并确认权限提示；
- 装好后在扩展列表里固定图标，方便随时开关。
本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。
常见问题
Testcase Reducer 是免费的吗？
Testcase Reducer 在Firefox 附加组件商店（AMO）免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。
Testcase Reducer 安全吗？
它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。
Testcase Reducer 支持哪些浏览器？
当前收录的版本来自Firefox 附加组件商店（AMO），适用于 Firefox。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。
怎么卸载 Testcase Reducer？
在扩展管理页找到 Testcase Reducer，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。
权限清单 来自 manifest.json 原文
站点访问 1
<all_urls>
接口权限 2
devtoolswebNavigation