
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 製作的更多擴充套件
- 目前沒有評分
- 目前沒有評分
- 目前沒有評分
- 目前沒有評分
- 目前沒有評分
- 目前沒有評分