Testcase Reducer 作者: Thomas Wisniewski
Helps with reducing markup and CSS for the purposes of generating test cases.
您需要 Firefox 来使用此扩展
扩展元数据
关于此扩展
- 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.
为您的体验打分
权限详细了解
此附加组件需要:
- 让开发者工具可以存取您打开的标签页中的数据
- 获知浏览器导航时的行为状态
- 存取您在所有网站的数据
更多信息
添加到收藏集
1.5.0 的发布说明
- fix a bug where data URLs can end up with double quotes rather than single quotes
Thomas Wisniewski 制作的更多扩展
- 目前尚无评分
- 目前尚无评分
- 目前尚无评分
- 目前尚无评分
- 目前尚无评分
- 目前尚无评分